2012-08-16 122 views
1

我目前設置滾動條顯示爲使用此jQuery代碼滾動到頁面時加載的底部 -滾動條滾動到底部而不使用Javascript?

$(document).ready(function() { 
    $('.mydiv').scrollTop($('.mydiv')[0].scrollHeight); 
}); 

有沒有辦法做到這一點只用CSS?這樣,當用戶訪問該頁面時,該滾動條會自動滾動到底部?

+0

爲什麼?如果你總是想這樣做,爲什麼不重新排序內容?大會(書籍,漫畫,網頁)是我們自上而下閱讀的。 – 2012-08-16 16:00:37

回答

2

您可以通過在URL和文檔中使用錨點,將目標錨點放置在頁面底部,而無需使用javascript來完成此操作。雖然這不是很優雅。

+0

完美優雅!我正要提出這個建議。 – 2012-08-16 16:00:01

+0

@ColonelPanic我的意思是說,如果他們想要乾淨的URL,或者希望在網站主頁上發生這種情況,可能不會很優雅;不能控制如何鏈接到網頁。 – 2012-08-16 16:01:07

0

有基於瀏覽器的擴展,可以幫助你。 不同的瀏覽器使用不同的擴展名: Chrome,Safari:WebKit,IE:Trident,FF:Gecko。 每個人都可以有不同的方式來做到這一點。 我不知道webkits的特定功能,但要儘量谷歌例如

:: - WebKit的滾動條軌道件:啓動

我知道這是不是一個straigtforward的答案,但我希望它將有助於你的研究。

+0

這些僞元素用於設計滾動條的樣式,而不是滾動到底部! – 2012-08-16 16:13:06