用js加html的方式鼠标点击某一个事件下滑多固定位置

用js加html的方式写一个鼠标点击某一个事件下滑多固定位置,要求点击的事件是多个,下滑时不同的位置/
方法和html和js如下:自行参考自己的项目:
html
  1.     <span class="yxjt" onclick="scrollToElement('.load3')">截图</span>
  2.                 <span class="yxxx" onclick="scrollToElement('.load4')">信息</span>
  3.                 <span class="xihuan" onclick="scrollToElement('.load5')">喜欢</span>
  4.                 <span class="zixun" onclick="scrollToElement('.load6')">资讯</span>
复制代码
js
  1. <script>
  2.     function scrollToElement(selector) {
  3.       var target = document.querySelector(selector);
  4.       var rect = target.getBoundingClientRect();
  5.       var scrollHeight = rect.top + window.pageYOffset;
  6.       window.scrollTo(0, scrollHeight);
  7.     }
  8.   </script>
复制代码






上一篇:用于首页全站弹窗公告代码
下一篇:网站侧边跟随滚动特效
如无回复请发邮件