JS方法实现div容器y轴滚动
来源:互联网 发布:java引号转义 编辑:程序博客网 时间:2024/05/21 15:42
div容器设置overflow:hidden隐藏滚动条后,容器中内容超出设定高度则不可见。
通过js方法,实现div垂直滚动条滚动到底部,以显示最新的内容。
var clientHeight = $('div#box').height(); var offsetHeight = $('div#box').get(0).scrollHeight; console.log('窗口高度:' + $('div#box').height()); console.log('内容高度:' + $('div#box').get(0).scrollHeight); if (offsetHeight > clientHeight) { $('div#box').scrollTop(offsetHeight - clientHeight); }
.height() 取得容器的可见高度
.scrollHeight 取得容器DOM的内容高度
.scrollTop 设置y轴滚动位置。0则不滚动,内容-可见高度则滚动到最底部
0 0
- JS方法实现div容器y轴滚动
- JS实现div自动滚动
- div+js实现首尾相连循环滚动效果
- DIV+JS实现向上滚动百度新闻
- div+js实现自制滚动条效果
- js实现随滚动条滚动div位置动态变化
- js滚动DIV
- js 控制 div 滚动
- div同步滚动js
- Asp.net DIV Y轴滚动条发生左右抖动/自动增加了空白块解决
- js实现div层跟着滚动条滑动
- 用marquee和div+js实现首尾相连循环滚动
- DIV+CSS+JS实现不间断横向滚动代码
- 用JS实现div的自动滚动。代码如下:
- 用marquee和div+js实现首尾相连循环滚动效果
- js实现div不随页面的滚动而消失
- 用marquee和div+js实现首尾相连循环滚动效果
- div实现隐藏滚动轴效果
- 2017新的突破
- Graphql入门_1
- 分布式集群Session共享 简单多tomcat8+redis的session共享实现
- Mac(unix)终端下FTP客户端的实现 c++
- 离散余弦变换
- JS方法实现div容器y轴滚动
- 淘宝头部讲课
- 使IE浏览器运行最新的渲染模式
- [leetcode]--413. Arithmetic Slices
- javascript基础--对象(Object)继承
- Laravel 5 配置数据库主从读写分离和源码分析
- CCF201503-4 网络延时(100分)
- OpenGL的渲染流程梳理
- 六度分离(HDU-1869)