Question

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

如您所见，这种方法效果相当不错;然而，在firefox＆amp; IE（Chrome和Safari很好）我们遇到了问题。当你点击一个绿色按钮，说分贝时，新的幻灯片加载正常。然后，如果您刷新页面尽管第一个按钮图标处于活动状态，旧的Decibel幻灯片内容仍然存在。

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

$('#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');
});

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

1 个答案: