开发者社区开发与运维文章正文

div 滚动条自动保持在底部

2022-06-16 379

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： div 滚动条自动保持在底部

在一个内容不断更新的 div 中，怎么可以一直看到底部更新的内容呢？

可以将垂直滚动条一直保持在底部。

var mydiv = $("#scroll");
mydiv.scrollTop(mydiv.prop("scrollHeight"));

jQuery 1.6 开始支持。

https://api.jquery.com/scrollTop/

http://api.jquery.com/prop/

文章标签：

JavaScript

孙庚辛

朝阳39

1月前

Element UI【详解】el-scrollbar 滚动条组件 —— 监听滚动条的滚动，跟随页面一起滚动，获取滚动距离，隐藏水平滚动条等

朝阳39

518 0 0

风与烈酒

3月前

前端开发

css样式实现一个滑动按钮

风与烈酒

39 0 0

多加点香菜85

3月前

element-plus：el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动

多加点香菜85

134 0 0

你挚爱的强哥

3月前

JavaScript

【经典】原生JS实现“用鼠标拖拽(drag)内容DIV”，滚动条对应同步滚动

你挚爱的强哥

79 0 0

兜里只有三分钱~

11月前

滚动条自动滚到最底部

兜里只有三分钱~

32 0 0

凉冰Pro

12月前

前端开发

css按钮定位在div底部

凉冰Pro

144 0 0

chenchuan

Web App开发 JavaScript Android开发

jquery判断页面滚动条(scroll)是上滚还是下滚，且是否滚动到头部或者底部

webtouch（webapp）页面，防苹果手机safari浏览器，往上滑动，底部导航消失，滑动到底部又出现。向下滑动，底部导航出现。

chenchuan

354 0 0

OBKoro1

前端开发

内容滚动条和子 div 高度自适应

一个div里面，两个子div高度自适应（平分父div的高度）和元素内容过多的时候，根据需求出现高度滚动条或者宽度滚动条。先放最终效果（在下面会有demo代码。）： Paste_Image.png 实现这些效果要怎么做呢？咱一步一步来。第一步：先设置html结构：这里我已经搭好了。第二步然后开始写css样式了设置父元素box的样式设置box1的样式现在尝试把html解除注释下面就到了关键的部分了（文章末尾有demo，不想看的话，可以自己试试。）：在上面我们已经设置了最大高度和最小高度，因为box1空间不够所以溢出来了。

OBKoro1

790 0 0