2011-11-29 36 views
0

我一直在尋找使用我在網上找到的腳本(here)作爲我希望創建的網站的基礎。 Chrome瀏覽器中存在一個問題,即頁面在單擊鏈接時不會滾動,但是如果我調整窗口的大小,頁面就會「重新繪製」 - 我認爲這是正確的術語 - 而且一切都很好。在Chrome中重新繪製頁面?

無論如何要做這樣的重漆嗎?我不是說刷新:)!很抱歉,如果這看起來有點不合適,如果您在chrome中嘗試此link,請按標題中的其中一個鏈接,然後在嘗試滾動時看到問題。

最初我在想可能會有一些javascript,我可以調用切換頁面重新打印頁面的結尾。

感謝

回答

1

你可以嘗試做這樣的事情後的幻燈片已經完全轉移到了新的一頁:

既然你已經評論說,它爲我本來建議沒有工作,這裏的一種方法來「鼓勵」 Chrome瀏覽器做隱藏/顯示絕招:

$(".slide.loaded.prev").css("display", "none"); 
setTimeout(function() { 
    $(".slide.loaded.prev").css("display",""); 
}); 

,或者你可以試試這個:

var slide=$(".slide.loaded.prev"); 
slide.css("display", "none").height(); // just get the height to trigger a relayout. 
slide.css("display", ""); 

上面的代碼只是找到以前可見的幻燈片,將CSS屬性顯示設置爲none(完全隱藏),然後將其刪除。這個技巧在使用Chrome開發人員工具時起作用。

看來滾動條是用於Chrome中的前一個「幻燈片」。通過短暫地切換幻燈片的顯示,滾動條隱藏在當前的「幻燈片」內容下。

+0

謝謝,你的解釋似乎很好地發現問題!你是否想出了你的這個想法,或者你試過了嗎?我不能在這個模板代碼中找出回調 - 所以很難看到它在哪裏調用它... –

+0

不知怎的,從我原來的帖子中失蹤了幾句話......哦。我使用Chrome開發人員工具進行實驗,因爲我懷疑問題來自我完成的其他Web開發的經驗。 :)至於如何使用它,我不能說。它看起來是一些需要購買的許可證:http://codecanyon.net/item/fss-full-screen-sliding-website-plugin/159103 – WiredPrairie

+0

啊,是的,你將看到縮小的版本。我可以調用像這樣的代碼:'getPrevSlide()的CSS(「顯示」,「」)的.css(「顯示」,「無」);'並把它作爲新的幻燈片已經移動後,但它似乎沒有。幫助。我會繼續嘗試並隨時更新 –