2011-08-20 50 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