如何通过JQuery将DIV的滚动条滚动到指定的位置

2025-01-01 17:38:07

推荐回答（1个）

回答1：

使用jquery的scrollTop函数进行滚动控制:

举个栗子:




    
    
    
    Document


    
        Height.200px

Height.300px

Height.150px

        Pixel Scroll:

Scroll

        Element Scroll:

            -- choose element 2 scorll

Content1, Height 200px

Content2, Height 300px

Content3, Height 150px

    +(function($) {
        var $scrollPixel = $('#scrollPixel'),
            $container = $('#container');

        function scrollPixel() {
            $container.scrollTop(+$scrollPixel.val());
        }
        function scrollElement() {
            var $t = $(this),
                elId = $t.val();
            if (elId) $container.scrollTop($(elId)[0].offsetTop - $container[0].offsetTop);
        }
        $(function() {
            $('#btn-scroll-to').bind('click', scrollPixel)
            $('#scrollElement').bind('change', scrollElement)
        })
    })(jQuery);