當我在頁面中展開元素時,我想要做的是向下滾動窗口。爲擴展元素滾動瀏覽器窗口的最佳方式是什麼?
我試圖達到的效果就像堆棧溢出評論。如果它擴展到頁面之外,它會向下滾動以適應窗口中的所有註釋。
這樣做的最好方法是什麼?
編輯:我正在使用JQuery。
當我在頁面中展開元素時,我想要做的是向下滾動窗口。爲擴展元素滾動瀏覽器窗口的最佳方式是什麼?
我試圖達到的效果就像堆棧溢出評論。如果它擴展到頁面之外,它會向下滾動以適應窗口中的所有註釋。
這樣做的最好方法是什麼?
編輯:我正在使用JQuery。
這個jQuery插件的工作很適合我:。 http://demos.flesler.com/jquery/scrollTo/
如果您具有使用Prototype的優勢,則可以使用$(element).scrollTo()
。
否則,總體思路是計算元素的累積偏移量,然後相應地設置window.scrollTop
(和window.scrollLeft
)。
new Effect.ScrollTo('someDiv',{...some parameters...})
它可以讓你更好的控制比單獨原型(延遲之前開始,持續時間和回調事件(如後整理),允許:
你可以用Scriptaculous(建立在Prototype頂部)很好地做到這一點您觸發其他效果或任何你選擇你可以把它順利,也很滾動,所以頁面不會突然跳
如果您知道源代碼中的下一個元素,您實際上可以跳轉到該元素(location.href =「#...」)。這將使用瀏覽器的本地「滾動」而不使用任何庫。
你可以使用這段代碼很好但不完美。 根據blonkm的建議
function scrollTo(Selector){
$(Selector).before("<a name='scroll' id='scroll'></a>");
document.location.hash = 'scroll';
$('scroll').remove();
}
這應該有效。 需要jQuery,但你已經說過你在使用它。
你使用任何特定的JavaScript庫? – MDCore 2008-10-29 12:52:00