JS方法实现div容器y轴滚动

最新推荐文章于 2024-08-15 10:26:19 发布

侠之大者为国为民

最新推荐文章于 2024-08-15 10:26:19 发布

阅读量7.7k

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/sofeien/article/details/54881063

版权

javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

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则不滚动，内容-可见高度则滚动到最底部