用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>
猜您喜欢的源码
帝国CMS模板博客文章资讯自适应手机HTML5网站SEO优化版
帝国CMS7.5内核简洁文章资讯自适应手机HTML5综合类模板源码【内页(文章页、列表)标题,描述,严格的SEO标题规范,利于SEO】
声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至201542412@QQ.com举报,一经查实,本站将立刻删除。
上一篇:网站侧边跟随滚动特效
相关推荐
-
帝国CMS判断是否有内容分页的方法
帝国CMS判断是否有内容分页,有就显示,没有就不显示。以免没有的分页的时候占了一行位子,不是非常美观。
-
帝国CMS多表调用最新信息的方法
这篇文章主要为大家介绍了帝国CMS多表调用最新信息的方法,主要通过灵动标签的sql语句调用结合union来实现,是非常实用的技巧,需要的朋友可以参考下