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

滚动问题下滑菜单

1 个答案: