- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
当我滚动到它时,我试图将列表
function onScroll(event){
var scrollPos = $(document).scrollTop();
$('#menu').each(function () {
var currLink = $(this);
var refElement = $(currLink.attr("href"));
if (refElement.position().top <= scrollPos && refElement.position().top + refElement.height() > scrollPos) {
$('#menu ul li').removeClass("active"); //added to remove active class from all a elements
currLink.addClass("active");
}
else{
currLink.removeClass("active");
}
});
这是我的菜单
<div class="navbar navbar-inverse" data-spy="affix" id="header" role="navigation" data-offset-top="100">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
<div class="navbar-collapse collapse" id="menu">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#">Testimonials</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="dropdown-header">Description Header</li>
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">More links</a></li>
<li><a href="#">And one to grow on</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>
</div><!--/.navbar-collapse -->
</div>
</div>
我不确定我是否正确地修改了列表元素。平滑滚动效果很好,但类不会改变。
谢谢!
最佳答案
试试看,
$("li").click(function(){
$(".active").removeClass(".actvie");
$(this).addClass("active");
});
关于jquery - 更改 smoothscroll 上的列表元素类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22308419/
我正在处理我的新作品集,但我遇到了一个没有帮助无法解决的问题。到目前为止,这里有我网站的链接:www.jsfiddle.net/Cessum/pmaefrjo/ 我想要的是,当您点击 creaties
我一直在尝试让我的 anchor 平滑滚动,但它不起作用。我一直使用脚本 Smoothscroll.js,但这在该网站上无法正常工作?我尝试过使用许多其他脚本来使操作起作用,但没有任何效果。关于让 S
仍在我的网站上工作:http://i333180.iris.fhict.nl/p2_vc/ 有一个向下导航页面的按钮, Action 是即时的,但平滑滚动更好。 所以,我四处搜索,尝试了很多东西,我找
有人可以帮助我吗?尝试通过我的平滑滚动和控制速度添加“慢”功能。 希望能够实现真正的“平滑滚动”。 代码如下: $(document).ready(function(){ $('.smoothscro
我有以下 Github 示例:A sample to showcase contact list divided into sections with group header 在 Adapter 类
我有以下布局: 在我的 recyclerview 适配器中: @Override public void onBind
当我滚动到它时,我试图将列表 元素的类更改为 class="active"。 function onScroll(event){ var scrollPos = $(document).scrollT
我正在使用以下脚本在单页网站上启用平滑滚动。 对于导航,我使用固定的导航栏,它位于页面顶部的最上层 z-index 层。栏的高度是 108 像素,所以当我使用 smoothscroller 时,我想导
我有一种情况,我正在使用带有图像的水平 ScrollView 并使用按钮平滑滚动到不同的图像位置。现在它工作正常我只是想知道是否有人知道减慢平滑滚动方法,即有更长的动画时间?目前,捕捉发生得非常快。
是否有一种简单的方法可以以最小屏幕宽度初始化 Fx.SmoothScroll,并在下面禁用它? 例如,我只希望平滑滚动发生在 400 像素以上。 为什么,因为显示/隐藏响应式菜单会干扰滚动目标位置,所
来自 Lim Chee Un 在这里发表的帖子: http://davidwalsh.name/mootools-onload-smoothscroll window.addEvent(‘domrea
我有一个位于窗口顶部的 div,我将其设为 position:fixed,因此当我向下滚动时,它会粘在窗口上。我有一个名为 post 的按钮。如果我单击该按钮,它将调用方法激活。每当我单击该按钮时,我
我创建了一个自定义 ScrollView ,并向其中动态添加了一些 ImageView 。我只想在初始化 View 时将 ScrollView 滚动到特定位置。我使用 scrollview.smoot
这个函数在我的另一个页面上运行良好,但是当我从另一个页面调用相同的函数时,它会给出错误(TypeError:jQuery.smoothScroll 不是函数 jQuery.smoothScroll({
我已经使用 bootstrap 4 有一段时间了。看到了为什么 smoothscroll 应该起作用的多次解释,但我仍然没有找到它! 也许有人可以解释为什么它对我不起作用?或者我的编码有什么问题? 伟
我正在使用对 smoothscroll.init() 的调用,如下所示: new WOW().init(); //smoothScroll smoothScroll.init(); 但我收到以下错误:
这个问题在这里已经有了答案: Change ViewPager animation duration when sliding programmatically (7 个答案) 关闭 8 年前。 我
jQuery localScroll 和 smoothScroll 在我的网站上根本不起作用。我的控制台中出现错误,指出我的函数未定义并且这是类型错误。 关于如何解决此问题并使插件正常工作有什么建议吗
我有一个向下按钮 div,我想添加 smoothScroll 类,这样当单击它时,平滑滚动会在它跳转到 JS 文件中附加到它的链接之前发生。我只是不确定如何让 addClass 在 window.lo
当我使用 smoothscroll 插件定位 name 属性时,平滑滚动不起作用,但如果我定位 id 属性,smoothscroll 工作正常。出现以下控制台错误,请建议如何解决。 $(documen
我是一名优秀的程序员,十分优秀!