Question

我在整页上使用jScrollPane作为滚动条，但在应用它之后。

$('html,body').animate({scrollTop: 200})

此代码无效。它没有动画。但是，如果我删除jScrollPane代码。有用。有没有办法可以同时使用它们？

这是我用于jScrollPane的代码。

          var win = $(window);
        var isResizing = false;
        win.bind(
            'resize',
            function()
            {
                if (!isResizing) {
                    isResizing = true;
                    var container = $('#wrapper');
                    container.css(
                        {
                            'width': 1,
                            'height': 1
                        }
                    );
                    container.css(
                        {
                            'width': win.width(),
                            'height': win.height()
                        }
                    );
                    isResizing = false;
                }
            }
        ).trigger('resize');

      $('body').css('overflow', 'hidden');

        // IE Tweak
        if ($('#wrapper').width() != win.width()) {
            win.trigger('resize');
        }

      $('#wrapper').jScrollPane({verticalGutter:-100});

Answer 1

如果你console.log($('html,body'))它将返回一些没有任何位置坐标的对象。

如果你console.log($('html,body').offset()); // will return top:0 , left:0

你的位置不会改变，因为top是0而且左边是0

您可以使用https://api.jquery.com/scrollTop/

的另一种方法

或此Scroll to the top of the page using JavaScript/jQuery?

$（＆＃39; html，body＆＃39;）。animate（）无法使用jScrollPane整页滚动条

1 个答案: