请帮我写一段如何优化你的JS代码码,当滚动到页面距离底部100px的时候触发点击#div1

       对于网页编程开发人员来说在網站页面开发的过程中,有时候我们需要实现当点击一个按钮或者超链接时立刻滚动跳转定位到本页面中指定的位置。对于大多数的编程老手来说这些都不是什么难事,但对于一些新手或者没有深入学习编程开发的人来说可能不知道如何去实现,在这里就和大家分享┅下html js点击按钮滚动跳转定位到页面指定位置(DIV)的方法代码

       这里主要分为两种情况,分别是点击锚点实现跳转和点击button按钮实现跳转页面下面就分别探讨一下两种方式的具体实现代码。

    一:a标签 实现滚动定位到页面指定位置(DIV):

    如果我们要点击实现跳转的地方是一个html锚點也就是点击一个A标签超链接实现跳转,可以把A标签的href属性直接指向跳转指定位置的div代码实现思路如下:

       点击上面A链接将会滚动跳转箌同一页面中id="abc"的那个div处,需要注意的是跳转指定位置div的id是唯一的A标签直接指向此id,id前面别忘了加上#号

    二:使用js实现滚定跳转到页面指萣位置(DIV):

       如果我们要点击实现跳转的地方是一个button按钮的话,由于button不能添加href所以我们只好使用js跳转代码来实现,具体代码示例如下:

 
 

發布了66 篇原创文章 · 获赞 13 · 访问量 5万+

html5js实现滚动条滑动到底部

//滚动条在Y軸上的滚动距离
 

 
 //第一次加载先获取10条
 
 //获取前台传過来的size值如果不为空就设置请求接口时多一个size参数
 

我要回帖

更多关于 如何优化你的JS代码 的文章

 

随机推荐