您的位置:首页 > 教程笔记 > 建站教程

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

2020-07-15 22:06:39 建站教程 168
用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>


相关推荐