javascript - 在滚动问题上向下滑动菜单

Question

我有一个菜单，当你滚动到某个点时它看起来不错，但有时当向上或向下滚动时它会在页面上留下白色标记并且文本有时会移动，通常是当它碰到某些对象时(例如它摇动 1 像素，然后在到达幻灯片底部时返回)。显然这不会出现在每台电脑上，但这是我想解决的问题，jQuery 不是我的强项。另一件事是，如果您将窗口的大小调整为移动大小，我有一个小菜单(再次当您向下滚动页面时，因为我还没有设置正确的定位样式)并且单击菜单时(尤其是在移动设备上)它是非常滞后，我希望这更顺畅。你能帮助改进我的代码吗？这是网站 http://alexn.co.uk/Mono2013/Monolith/index.html这是代码:

    $(window).scroll(function () {
    var $fadeHeader = $("#cartBanner"),
        top = $(this).scrollTop();
    
    if (top > 184) {
        $fadeHeader.css('height', '35px');
    } else {
        $fadeHeader.css('height', '0');
    }
});

$(document).ready(function(){
  $('#menuToggle').click(function(){
    $('#cartBanner').toggleClass('expanded');

  });
});

另一件事，当我在幻灯片底部上下滚动时，字体会改变/模糊，它在 M 上很明显，M 上的轻弹消失并且导航文本改变外观

编辑:似乎是 flexslider 的问题，将幻灯片放映更改为 bootstrap 已经消除了这个问题。

Answer 1

你可以在 jquery 上调试 How to debug Javascript/jQuery event bindings with FireBug (or similar tool)

此外，它对 Download the uncompressed, development jQuery 也很有用。并在开发环境中替换你的jquery.min.js

许多“内部”创建的动画效果都可能会出现视觉错误，具体取决于平台。使用经过验证的解决方案并将动画保持在低水平是一个很好的方法。

看看:10-super-javascript-animation-frameworks