设置div自适应高度滚动

最新推荐文章于 2023-06-21 14:52:05 发布

weixin_30859423

最新推荐文章于 2023-06-21 14:52:05 发布

阅读量530

点赞数

文章标签： javascript ViewUI

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

版权

<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;}

转载于:https://www.cnblogs.com/xu-lei/p/6485910.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30859423

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
设置div自适应高度滚动

<body><div id="divc" style="overflow: auto;"></div><a id="btn" class="btn" onclick="sub();" href="#">提交</a><script type="text/javascript">$(function()...
复制链接

扫一扫