Jquery ScrollTo 仅在 firefox/IE 中刷新后不会重置位置

Question

我有一个项目，它使用scrollTo 从一个滑块切换到另一个滑块。总而言之，我有三个滑块，可以通过按下按钮来移动。您可以在此处查看完整的演示：http://vitaminjdesign.com/example/examples/ Standard/index.html

如您所见，这工作得相当好；然而，在 Firefox 和IE（Chrome 和 Safari 都可以）我们遇到了问题。当您单击绿色按钮（例如分贝）时，新幻灯片可以正常加载。那么，如果您刷新页面，尽管第一个按钮图标处于活动状态，但旧的分贝幻灯片内容仍然保留。

在页面加载/刷新时，scrollTO 位置应重置，以便默认显示第一个滑块（正如它应该的那样，并且在 safari 和 chrome 中也是如此）。这是我的简单 Jquery，它为scrollTo 位置提供动力，但此代码之外可能存在进一步的冲突。请查看演示。

$('#hero-slider ul a.pita').click(function () {

     $('#hero-slider ul a').removeClass('activeSlide');
     $(this).addClass('activeSlide');   
     $('.maskss').scrollTo($(this).attr('rel'), 500);
return false;       

});

有什么想法如何让重新加载页面后显示第一张幻灯片吗？如果您清除缓存，它每次都会执行此操作。有什么想法吗？

Answer 1

您可以重置页面加载时的位置

$(document).ready(function(){
    $('.maskss').scrollTo('first slider');
});