2013-05-10 64 views
1

我剛開始使用jQuery,並且我使用twitter bootstrap創建了兩列布局。 CSS文件是:scrollTop函數在Rails中不起作用

html, body { 
    overflow: hidden; 
    height: 100%; } 
.span8, .span4 { 
    overflow: auto; } 

這給出了span4和span8單獨的滾動條。在span8部分,有一個條目列表,我想添加一些功能到滾動條。但是目前,scrolltop看起來沒有反應,即使是最簡單的一個。舉例來說,如果我有這樣的事情在.js文件(「入口」是爲那些條目類):

$(document).ready(function() { 
    $('.entry').scrollTop(1000);}); 

我相信它會把下面的滾動條的第一項1000個像素的頂部,但是當我加載頁面時,滾動條仍然在最上面。或者我嘗試使用scrollTop讀取滾動條位置的值,它總是給我0.我肯定我一定弄糟了什麼,任何人都有建議?謝謝。

更新:經過一番研究,結果發現我犯了一個愚蠢的錯誤。 「.scrollTop」只能由其div具有滾動條的選擇器調用。在我的情況下,我不能使用$('.entry').scrollTop(1000);。相反,我應該使用$('.span8').scrollTop(1000);

回答

0

試試這個:

$(document).ready(function() { 
    $('html, body').animate({ 
     scrollTop: $('.entry').offset().top + 1000 
    }, 'slow'); 
}); 
+0

它似乎不工作。順便說一下,我已經禁用「html,body」的滾動條使用「overflow:hidden」,是「$('html,body')」仍在工作? – melodrama 2013-05-10 15:03:24

+0

把'html,body {overflow:hidden; 身高:100%; }'。刪除'overflow:hidden;'一次,然後重試.. – 2013-05-10 15:05:50

+0

其實我想保持身體的滾動條隱藏,因此我寧願不改變那部分... – melodrama 2013-05-10 15:46:04