我目前設置滾動條顯示爲使用此jQuery代碼滾動到頁面時加載的底部 -滾動條滾動到底部而不使用Javascript?
$(document).ready(function() {
$('.mydiv').scrollTop($('.mydiv')[0].scrollHeight);
});
有沒有辦法做到這一點只用CSS?這樣,當用戶訪問該頁面時,該滾動條會自動滾動到底部?
我目前設置滾動條顯示爲使用此jQuery代碼滾動到頁面時加載的底部 -滾動條滾動到底部而不使用Javascript?
$(document).ready(function() {
$('.mydiv').scrollTop($('.mydiv')[0].scrollHeight);
});
有沒有辦法做到這一點只用CSS?這樣,當用戶訪問該頁面時,該滾動條會自動滾動到底部?
您可以通過在URL和文檔中使用錨點,將目標錨點放置在頁面底部,而無需使用javascript來完成此操作。雖然這不是很優雅。
完美優雅!我正要提出這個建議。 – 2012-08-16 16:00:01
@ColonelPanic我的意思是說,如果他們想要乾淨的URL,或者希望在網站主頁上發生這種情況,可能不會很優雅;不能控制如何鏈接到網頁。 – 2012-08-16 16:01:07
有基於瀏覽器的擴展,可以幫助你。 不同的瀏覽器使用不同的擴展名: Chrome,Safari:WebKit,IE:Trident,FF:Gecko。 每個人都可以有不同的方式來做到這一點。 我不知道webkits的特定功能,但要儘量谷歌例如
:: - WebKit的滾動條軌道件:啓動
我知道這是不是一個straigtforward的答案,但我希望它將有助於你的研究。
這些僞元素用於設計滾動條的樣式,而不是滾動到底部! – 2012-08-16 16:13:06
爲什麼?如果你總是想這樣做,爲什麼不重新排序內容?大會(書籍,漫畫,網頁)是我們自上而下閱讀的。 – 2012-08-16 16:00:37