2011-08-20 83 views
0

我有一个使用scrollTo从一个滑块移动到另一个的项目。总而言之,我有三个滑块可以在按下按钮时移动。你可以在这里看到一个完整的工作演示:http://vitaminjdesign.com/example/examples/Standard/index.htmlJquery ScrollTo在刷新之后不重置位置firefox/IE

正如你所看到的,这工作得很好;然而,在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;  

}); 

任何想法如何使第一张幻灯片出现后重新加载页面?如果清除缓存,则每次都会执行缓存。有什么想法吗?

回答

0

可以重新在页面加载位置

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

哇,有时我在想的事情!多么简单的解决方案。我认为实际上存在某种冲突,但这需要快速和肮脏的方式来处理它! – JCHASE11

+0

如果您可以对选定的选项卡进行散列位置,那么这将是非常重要的。然后读取值表单哈希并滚动到该元素。那么您可以随时通过更改散列值来更改所选元素。 –

+0

它滚动到rel值:$('。maskss')。scrollTo($(this).attr('rel'),500); 这工作正常! – JCHASE11