scrollTop()确实可以做任何事情

scrollTop() does this really do anything?

本文关键字:任何事 scrollTop      更新时间:2023-09-26

有人使用scrollTop()在容器中滚动div吗?这方面有很多问题。但是使用此代码,容器div不会滚动到所选元素。

        $('div',$('#scroll_1')).each(function(){
        var this_text = $(this).text();
        if ( this_text.search(/now/i) != -1 || this_text.search(/soon/i) != -1 ) {
            this_id = $(this).attr('id');
            var scroll_top = $(this).offset().top;
            alert('id '+this_id+' '+scroll_top);
            $('#scroll_1').scrollTop(scroll_top);
            return false;
        }           
        });

div添加了一个作为的脚本

$('#scroll_1').append('<div id="'+id+'">div html</div>');

无论使用.position().top还是.offset().ttop,scroll_top都为0。脚本被调用多次。每个调用都有一个不同的scroll_top编号,但.scrollTop(scroll_tot)不滚动。

获取元素div从容器顶部的偏移量的正确方法是什么?关于在div中滚动元素,似乎有很多问题。有什么方法可以奏效吗?我更喜欢动画以外的方法。

scrollTop()不接受任何参数,您可能是想做:

....
$('#scroll_1').animate({
    scrollTop: scroll_top
}, 2000);
....