|
用js加html的方式写一个鼠标点击某一个事件下滑多固定位置,要求点击的事件是多个,下滑时不同的位置/
方法和html和js如下:自行参考自己的项目:
html
- <span class="yxjt" onclick="scrollToElement('.load3')">截图</span>
- <span class="yxxx" onclick="scrollToElement('.load4')">信息</span>
- <span class="xihuan" onclick="scrollToElement('.load5')">喜欢</span>
- <span class="zixun" onclick="scrollToElement('.load6')">资讯</span>
复制代码 js
- <script>
- function scrollToElement(selector) {
- var target = document.querySelector(selector);
- var rect = target.getBoundingClientRect();
- var scrollHeight = rect.top + window.pageYOffset;
- window.scrollTo(0, scrollHeight);
- }
- </script>
复制代码
|
上一篇:用于首页全站弹窗公告代码下一篇:网站侧边跟随滚动特效
|