0

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

    $(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 的一个问题，将幻灯片更改为引导程序已经消除了这个问题。

4

1 回答 1

0

您可以在 jquery 上调试 How to debug Javascript/jQuery event bindings with FireBug（或类似工具）

此外，下载未压缩的开发 jQuery并在开发环境中替换您的jquery.min.js 也很有用

许多“内部”创建的动画效果会根据平台暴露视觉错误。使用经过验证的解决方案并将动画保持在低水平是一个很好的方法。

看看：10-super-javascript-animation-frameworks

于 2013-10-19T17:27:53.033 回答