Javascript 仅当链接到特定锚点时,Firefox中不会触发窗口滚动事件
这种行为很难理解,但在Firefox中,只有第一个锚,当从另一个页面调用时,窗口滚动事件不会触发 问题就在这里:-点击masterhead下的直观链接 主页上有如下链接:Javascript 仅当链接到特定锚点时,Firefox中不会触发窗口滚动事件,javascript,jquery,html,firefox,anchor,Javascript,Jquery,Html,Firefox,Anchor,这种行为很难理解,但在Firefox中,只有第一个锚,当从另一个页面调用时,窗口滚动事件不会触发 问题就在这里:-点击masterhead下的直观链接 主页上有如下链接: <a href="/features#intuitive"></a> javascript函数使用滚动事件折叠标题: $(window).scroll(function(event){ var st = $(this).scrollTop(); console.log(st) // <-
<a href="/features#intuitive"></a>
javascript函数使用滚动事件折叠标题:
$(window).scroll(function(event){
var st = $(this).scrollTop();
console.log(st) // <-- not fired in Firefox for anchor 'intuitive'
if (st > 330) {
$('#sticky-nav-box').removeClass('container').addClass('sticky-nav-collapsed');
} else {
$('#sticky-nav-box').addClass('container').removeClass('sticky-nav-collapsed');
}
});
问题是链接正确地发送到锚,但滚动事件没有触发,因此没有发生崩溃
其他锚链工作正常。我尝试在页面加载后手动触发scroll事件,但没有解决问题。我还尝试链接到虚拟锚
这只发生在Firefox中,链接到第一行内容时。如果我链接到第二个锚点,它就会工作。发生了什么?我可以在FF32.0.3和FF33中看到日志。@Teemu问题在FF32.0.2、32.0.3和33.0中仍然存在。在任何滚动之前,单击主页的直观图标后,您是否看到日志记录?事件应该触发,因为锚点在页面中间。。是的,但当window.innerWidth低于768时,日志记录似乎停止。@Teemu这是预期的。移动设计在单独的绝对定位元素中具有折叠设计。目前的问题是Firefox上的桌面用户。