jQuery沿x轴滚动:提高性能?

时间:2014-04-10 01:05:03

标签: javascript jquery

我这里有一些脚本需要一些位置:绝对元素并仅沿x轴滚动它们。它有效,但速度很慢。有什么方法可以加速表现?

  (function() {
  var $menu = $('.gallery-nav ul'),
     $headA = $("header .home"),
     leftOffset1 = parseInt($menu.css('left')),
     leftOffset2 = parseInt($headA.css('left'));

  $(window).scroll(function(){
     $menu.css({
       'left': $(this).scrollLeft() + leftOffset1
     });
     $headA.css({
       'left': $(this).scrollLeft() + leftOffset2 
     });
   });
 })();

更新:http://jsfiddle.net/davidpm/LeTEX/2/

1 个答案:

答案 0 :(得分:0)

我没有在这里得到你的方法,因为有一种完美且非常快速的方式,只使用CSS来执行该任务。 您可以简单地将元素的位置设置为fixed,这意味着无论文档的宽度/高度或滚动如何,它们都会保持在位置。

myElement{ position: fixed; left: 0; }

请参阅DA new FIDDLE