2012-03-28 12 views
3

我有一個頁面有一定的圖片,我顯示20張圖片,種類在20 div垂直一個接一個。那些20後,我有div,顯示更多。點擊顯示更多我進一步加載20並附加到第一組數據,一個典型的解決方案,無論我們在許多網站上找到什麼,例如只有當用戶點擊時顯示更多/加載更多數據才加載更多數據。管理頁面滾動jQuery的附加數據

一切工作正常,但我一旦追加下一組數據頁不會保持不變,其滾動變得尷尬,並移動到第一個div或附近的開始。

我的問題是我們該如何處理這些情況下的滾動?

+0

請張貼一些代碼,以便我們可以定義爲什麼你的頁面滾動搞亂了。 – 2012-03-28 11:19:03

回答

2

您需要element.scrollIntoView();在JavaScript

或者,jquery scrollto

+0

我相信元素在這裏,在element.scrollIntoView(),是元素ID我看了scrollTo之前,但不能從這個瞭解多少。 – asm234 2012-03-28 11:49:01

+0

以上都沒有實際的工作。但我發現一個很好的鏈接 http://praveenlobo.com/techblog/how-to-scroll-elements-smoothly-in-javascript-jquery-without-plugins/ element.scrollIntoView();沒有正確的工作,我反而不得不像上面的鏈接建議的那樣。 element [0] .scrollIntoView(true);然而,由於ScrollTO也沒有工作,我懷疑我可能會做一些奇怪的事情。然而@tusar你的文章是有幫助的 – asm234 2012-03-28 18:16:26

+0

我很高興這對你有幫助。如果您的問題尚未解決,請發佈簡單版本的代碼。這樣人們可以幫助你。 – tusar 2012-03-29 05:07:12

3

不幸的是,很難說沒有任何代碼,但它聽起來像是你沒有阻止鏈接的默認操作:

$("#show-more-link").click(function(e) { 
    e.preventDefault(); 
    addMoreImages(); 
} 
+0

我沒有阻止e.preventDefault();我會試試這個。 – asm234 2012-03-28 11:51:00

+0

沒有爲我工作。 – asm234 2012-03-28 18:16:44