jQuery:Firefox中使用.scroll（）函数laggs伪造固定位置&；游猎_Jquery_Scroll_Safari_Cross Browser_Css Position

jQuery:Firefox中使用.scroll（）函数laggs伪造固定位置&；游猎

jquery scroll safari

jQuery:Firefox中使用.scroll（）函数laggs伪造固定位置&；游猎,jquery,scroll,safari,cross-browser,css-position,Jquery,Scroll,Safari,Cross Browser,Css Position,对于一个单页幻灯片站点我希望每个幻灯片的标题都是固定位置，为此我必须使用jQuery.scroll（）函数，因为位置：固定不关心每个幻灯片的溢出。这在Chrome中运行得很好，但在Firefox（有时）和Safari中，它会滞后，导致带有的div跳转。fake fixed跳转（由于溢出，只有出现跳转）。有没有更好的方法可以做到这一点，或者有其他的解决方法可以在Safari中提供更平滑的滚动效果 Html: 这里有一把小提琴来说明：我遇到了完全相同的问题@carl。你找到解决这个问题的办法了吗？

对于一个单页幻灯片站点我希望每个幻灯片的标题都是固定位置，为此我必须使用jQuery

.scroll（）

函数，因为

位置：固定

不关心每个

幻灯片的溢出。这在Chrome中运行得很好，但在Firefox（有时）和Safari中，它会滞后，导致带有的div跳转。fake fixed
跳转（由于溢出，只有
出现跳转）。有没有更好的方法可以做到这一点，或者有其他的解决方法可以在Safari中提供更平滑的滚动效果
Html:
这里有一把小提琴来说明：
我遇到了完全相同的问题@carl。你找到解决这个问题的办法了吗？没有，恐怕还没有：/我遇到了完全相同的问题@carl。你找到解决办法了吗？还没有恐怕：/
<body>
<section id="slide-1" class="slide">
  <div class="title fake-fixed">
    <h2>SLIDE 1</h2>
  </div>
  <div class="content">
        <!-- Content -->
  </div>
</section>
<section id="slide-2" class="slide">
  <div class="title fake-fixed">
    <h2>SLIDE 2</h2>
  </div>
  <div class="content">
        <!-- Content -->
  </div>
</section>
<section id="slide-3" class="slide">
  <div class="title fake-fixed">
    <h2 class="">SLIDE 3</h2>
  </div>
  <div class="content">
        <!-- Content -->
  </div>
</section>
</body>

function fakeFixed(){
        $fakeFixed = jQuery('.fake-fixed');
        $window = jQuery(window);
        jQuery(window).scroll(function(){
            $fakeFixed.each(function(){
                $this = jQuery(this);
                    $this.css('margin-top', $window.scrollTop() - $this.parent().position().top);
                        console.log();
                });
            });
    } //cLose fakeFixed

    fakeFixed();