当滚动条滚动到页面某个位置时,触发js,怎么去实现?
下面附上代码
当页面滚动到这个位置时触发js,
这么做的话就是只要滚动一下就会触发js
当页面滚动到这个位置时触发js,
<div id="bg1">
---------------------------内容-----------------
</div>
这么做的话就是只要滚动一下就会触发js
$(window).scroll(function (){
//window.onload = function() {
// setup CountUp object
demo = new CountUp('myTargetElement', 0, 30, 0, 2, options);
demo1 = new CountUp('yingyong', 0, 100, 0, 2, options);
demo2 = new CountUp('qiye', 0, 20000, 0, 2, options);
demo.start();
demo1.start();
demo2.start();
//document.getElementById('version').innerHTML = 'v'+demo.version();
});
...全文
相关推荐
js实现滚动条滚动到页面底部继续加载
这个实例应该说可以很简单,直接使用jQuery的方法来处理也是可以的。但本文底层使用原生的js来处理,遇到一些小知识点可以分析一下也算有所得。 原理很简单,就是为window添加一个scroll事件,浏览器每次触发scroll事件时判断是否滚动到了浏览器底部,如果到了底部则加载新数据。关键是计算滚动条是否滚动到了浏览器底部,算法如下 滚动条卷起来的高度 + 窗口高度 > 文档的总高度 + 50/*我这里将滚动响应区域高度取50px*/;如果这个判断为true则表示滚动条滚动到了底部。 实例 <style type="text/css"> html,body, div, dl, dt, d
js实现页面刷新滚动条位置不变
本文介绍了js实现页面刷新滚动条位置不变的实例代码,需要的朋友可以看下
js将滚动条滚动到指定位置的简单实现方法
下面小编就为大家带来一篇js将滚动条滚动到指定位置的简单实现方法。小编觉得挺不错的, 现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
本文主要介绍了页面的div中有滚动条,js实现刷新页面后回到记录时滚动条的位置的两种方案,需要的朋友可以看下
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
主要介绍了基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下


