对于单页幻灯片网站，我希望每张幻灯片的标题都是固定位置，为此，我必须使用jQuery .scroll()函数，因为{{1} }并不关心每个position:fixed的溢出。这在Chrome中运行得很好，但在Firefox（有时）和Safari中它会导致使用.slide的div跳转（因为溢出，只有.fake-fixed似乎跳转）。有没有更好的方法来做到这一点，或者在Safari中提供更流畅的滚动效果的其他解决方法？
HTML：
<h3>JS：
<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>
这是一个小提琴来说明： https://jsfiddle.net/popmouth/f61jseks/1/