как прокручивать вниз для элементов внутри тега 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, чтобы прокрутить вниз?

источник

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?

ответ

Смежные вопросы