调整浏览器大小时的bootstrap scrollspy错误

user3196599 发表于 Dev

用户3196599

您好Stackoverflow引导程序！

我看不到之前曾问过这个问题，我真的很想看到结果。

如何复制错误：

打开页面：（我当前的URL测试此错误） http://dnwebdev.com/dev/
将页面大小调整为平板电脑
使用导航栏

（请注意，网址已更改为包括#section）仅在调整浏览器大小时才会发生。这导致间谍/滚动关闭。

注意：如果您在移动设备上打开它，则不会出现问题，因此客户端不会面对它，这只是在困扰我。

谢谢您，期待您的回复。

编辑：单击标题品牌时，URL添加#section-1而无需调整大小，这也使我失望。在这一点上，我认为这是一个引导程序。

Javascript我的页面上只有以下内容：

function close_toggle() 
{
    if ($(window).width() <= 768) 
    {
        $('.nav a').on('click', function() {
                $(".navbar-toggle").click();
        });
    } 
    else 
    {
        $('.nav a').off('click');
    }
}

close_toggle();

$(window).resize(close_toggle);

在手机中进行选择后，以上代码将关闭切换功能。

if ($(window).width() <= 768) 
{
    var offset = 75;
} 
else 
{
    var offset = 90;
}

$('.navbar li a').click(function(event) {
    event.preventDefault();
    $($(this).attr('href'))[0].scrollIntoView();
    scrollBy(0, -offset);
});

上面的代码（基于屏幕尺寸）将抵消scrollspy

编辑＃2

我需要任何偏移的唯一原因是由于fixed-top它导致scrollspy异常。

非常感谢帮助。

用户3196599

固定顶部似乎带有滚动间谍的错误，让我别无选择，只能使用javascript。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。