本文主要是介绍网页中经常见到的,点击菜单栏,跳转到执行元素的位置,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
* 点击滑动制定位置* @param scrolldom 点击的制定元素* @param scrollTime 滑动的时间*/$.scrollto = function (scrolldom,scrollTime) {//dom点击事件$(scrolldom).click(function () {//查找点击dom里的属性,要在dom元素里添加var scrolldom = $(this).attr('data-scroll');//点击后添加的样式$(this).addClass('colorF').siblings().removeClass('colorF69')//html。body执行动画//animate() 方法执行 CSS 属性集的自定义动画。$('html,body').animate({scrollTop:$(scrolldom).offset().top},scrollTime);//返回false,直接在现在位置继续执行动画return false;});}//函数调用,$.scrollto('#navBar a',600);</span>
html元素中要在导航栏添加点击的制定元素,和js获取的dom属性,在属性里添加制定跳转的锚点,然后再你要跳转的位置添加制定的锚点
<ul class="nav navbar-nav" id="navBar"><li class="active"><a href="#" data-scroll="#home">首页</a></li><li><a href="#" data-scroll="#about">公司简介</a></li><li><a href="#" data-scroll="#news">新闻动态</a></li><li><a href="#" data-scroll="#movid">新闻媒体</a></li><li><a href="#" ata-scroll="#contact">联系我们</a></li>
</ul></span>
这篇关于网页中经常见到的,点击菜单栏,跳转到执行元素的位置的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!