如何向下滾動到div標籤內部項目的底部？

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script> 
jQuery(document).ready(function($) { 
    window.scroll(0, document.documentElement.scrollHeight); 
}); 
</script> 
</head> 
<body> 
    <div id="hahaha"> 
     <% for (int i = 0 ; i < 100 ; i++) {%> 
      <div><%=i%></div> 
     <% } %> 
    </div> 
     <% for (int i = 0 ; i < 100 ; i++) {%> 
     <div><%=i%></div> 
    <% } %> 
</body>

CSS：如何向下滾動到div標籤內部項目的底部？

div#hahaha{ 
    background-color: #EEEEEE; 
    position: absolute; 
    width:500px; 
    height:200px; 
    overflow-y: scroll; 
}

這個代碼僅適用其位於瀏覽器右側的主滾動條上，而是在div標籤內不工作，任何人都可以告訴我怎麼做位於div內的內容滾動到底部？

來源

2014-10-04 pa pa

使用jQuery，你可以這樣來做：

var bottom= $('div').height()+$('div').prop('scrollHeight');  
$('div').scrollTop(bottom);

，或者如果你想製作動畫：

var bottom= $('div').height()+$('div').prop('scrollHeight');  
$('div').animate({scrollTop:bottom},500);

來源

2014-10-04 04:41:37

這裏是你可以使用Offset或Position找到的位置的例子您要滾動的div

使用offset

JS fiddle

usign position

JS fiddle

$(window).load(function() { 
    var pos = $('.scrollhere').position() // or .offset 
    var toppos = pos.top 
    $('#scrolling').stop().animate({ 
     'scrollTop': toppos 
    }, 1000) 
})

來源

2014-10-04 05:15:51

如何向下滾動到div標籤內部項目的底部？

回答

相關問題