当滚动条滚动到页面某个位置时,触发js,怎么去实现?

东风破1994 东风破1994 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
下面附上代码
当页面滚动到这个位置时触发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则表示滚动条滚动到了底部。 实例 &lt;style type="text/css"&gt; html,body, div, dl, dt, d

weixin_38550812

js实现页面刷新滚动条位置不变

本文介绍了js实现页面刷新滚动条位置不变的实例代码,需要的朋友可以看下

weixin_38715097

js将滚动条滚动到指定位置的简单实现方法

下面小编就为大家带来一篇js将滚动条滚动到指定位置的简单实现方法。小编觉得挺不错的, 现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

weixin_38700430

js实现刷新页面后回到记录时滚动条的位置【两种方案可选】

本文主要介绍了页面的div中有滚动条,js实现刷新页面后回到记录时滚动条的位置的两种方案,需要的朋友可以看下

冷月鱼

基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效

主要介绍了基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

weixin_38705558
评论 3
收藏 已收藏
分享
返回顶部
东风破1994
JavaScript 87,983 成员 224,681 内容