首页 > 其他 > 详细

设置div自适应高度滚动

时间:2017-03-01 20:34:34      阅读:223      评论:0      收藏:0      [点我收藏+]
<body>
<div id="divc" style="overflow: auto;">
</div>
<a id="btn" class="btn" onclick="sub();" href="#">提交</a>

<script type="text/javascript">
$(function(){
    //设置自适应高度
    var height = window.screen.height-110;
    $("#divc").css("height", height);//通过设置CSS属性来设置元素的高
})
</body>

作用描述:div内的内容自动滚动,提交按钮始终处于页面最下方。

按钮的css样式:

.btn{display: block;position: fixed; bottom: 0; background: #00a0ea; height: 40px;line-height:40px; text-align: center;font-size: 20px;color: #FFF;width: 100%;text-decoration:none; z-index:9999;}

技术分享

设置div自适应高度滚动

原文:http://www.cnblogs.com/xu-lei/p/6485910.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!