js滚动条到底部（js scroll 怎么滚到最下方）
本文目录
- js scroll 怎么滚到最下方
- JS实现滚动条触底加载更多
- JS控制滚动条缓慢移动到底部 有问题
- js怎么让body滚动条滚动到底或者到底了 鼠标再滚动时让另外一个DIV滚动
- js怎么获取滚动条到底部的距离
js scroll 怎么滚到最下方
js判断window.scroll 判断滚动到底部的方法是设置一个变量，来检测鼠标位置。
具体的实现方法如下：
$(window).scroll(function() {
如果滚动的高度加上窗口的高度等于页面的高度就是到了底部
if($(window).scrollTop() + $(window).height() == $(document).height()) {
alert("bottom!"); //已经滚动到底部
}
});
或者也可以写专用方法检测高度：
function getDocHeight() {
var D = document;
return Math.max(
D.body.scrollHeight, D.documentElement.scrollHeight,
D.body.offsetHeight, D.documentElement.offsetHeight,
D.body.clientHeight, D.documentElement.clientHeight
);
}
然后再用以下方法检测：
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == getDocHeight()) {
alert("bottom!");
}
});
JS实现滚动条触底加载更多
原理
1.通过监听滚动区域DOM的scroll事件, 计算出触底
// 滚动可视区域高度 + 当前滚动位置 === 整个滚动高度
scrollDom.clientHeight + scrollDom.scrollTop === scrollDom.scrollHeight
2.触底后触发列表添加, 列表添加使用createDocumentFragment, 将多次插入的DOM先存入内存, 最后一次填充进去, 提高性能, 也方便后面的MutationObserver监听
3.使用MutationObserver监听列表的DOM添加, 添加完毕后, 隐藏加载中提示
示例
***隐藏网址***
参考资料
***隐藏网址***
***隐藏网址***
***隐藏网址***
***隐藏网址***
***隐藏网址***
***隐藏网址***
JS控制滚动条缓慢移动到底部 有问题
考虑IE6的话就比较简单，到了之后将这个div的position设置为fixed就好了top值是固定的\r\n但是如果要考虑IE6的话就麻烦一点，解决方法是有的但是代价过高，因为IE6不支持fixed这个属性你只能通过absolute来处理而此时top值是要不停地改变的，而且在IE6中这个div在滚动时会不停晃动，判断一下是否到底部
js怎么让body滚动条滚动到底或者到底了 鼠标再滚动时让另外一个DIV滚动
我说说逻辑吧，如果写代码的话稍微繁琐点，我觉得这样是可以的：整个页面的高度是可以用js获取的，滚动条的当前高度也是可以用js获取的，那就意味着body的滚动条有没有到底部是完全可以通过js获取的，然后，div的滚动也是可以获取的，其实在页面上实现切换div不停的滚动就是焦点的问题，当你body的滚动到底之后，将焦点用js控制到div上，继续滚动，div的滚动就会实现了.你不妨试试.
js怎么获取滚动条到底部的距离
如果使用jquery的话，可以这样写：
$(window).bind("scroll", function(){
var top = $(this).scrollTop(); // 当前窗口的滚动距离
});
如果使用原生js，可以这样写（摘自网上的）：
/**
* 获取滚动条距离顶端的距离
* @return {}支持IE6
*/
function getScrollTop() {
var scrollPos;
if (window.pageYOffset) {
scrollPos = window.pageYOffset; }
else if (document.compatMode && document.compatMode != ’BackCompat’)
{ scrollPos = document.documentElement.scrollTop; }
else if (document.body) { scrollPos = document.body.scrollTop; }
return scrollPos;
}
更多文章：
2026年2月12日 11:45
2026年8月7日 22:30
login failed（提示C2 NO LOGIN failed.什么意思）
2026年8月24日 02:00
2026年3月14日 14:45
2025年10月12日 08:15
2026年6月11日 23:45
2026年1月27日 02:30
js获取系统当前月份（javascript 里获取当前月份，用2位数表示，怎么整就像1月是 01. 简单的办法我现在用急啊给分）
2025年11月3日 07:15
executor shutdown不生效（我做了一个bat的文件，是设置关机时间的，但为什么不生效呢 哪位高手帮我看下）
2026年5月20日 14:30
he positioned himself at the gate的意思（值得背诵的英语美文3篇）
2025年12月10日 23:30
2025年8月31日 16:15
hadoop启动（hadoop启动namenode提示目录不存在）
2025年9月9日 12:30
2026年4月30日 18:30
subjected翻译（listen和subject的区别）
2026年1月6日 08:30
2025年5月25日 08:15
2025年5月29日 00:15
2025年6月4日 07:30
delphi aes cbc pkcs5加密（AES共有ECB，CBC，CFB，OFB，CTR五种模式分别有什么区别）
2026年4月27日 16:15
2026年4月30日 17:30
2026年2月6日 11:30
