Question

我正在使用jquery库jScrollPane为整个页面设置自定义滚动条。

scroll_bar = $('body>div').jScrollPane(
     {
        autoReinitialise: true,
            showArrows: true,
            maintainPosition: false
     }).data('jsp');

当在页面底部添加新内容时（当用户位于页面底部时），我会致电：

scroll_bar.getContentPane().find(".content").append(some_content);
scroll_bar.reinitialise();

这会重新初始化滚动条，但它会将用户带到页面顶部。我希望窗户能够停留在同一个地方。任何解决方案？

Answer 1

您确定要获得所需的数据，我不知道这是否有效，但您是否尝试过：

scroll_bar = $('body>div').jScrollPane(
   {
      autoReinitialise: true,
          showArrows: true,
          maintainPosition: false
   });

scroll_bar.data('jsp');

并且你通常不会使用.scroll-pane类，而不是body＆gt; div选择器吗？

我想也许应该是这样的：

var api = scroll_bar.data('jsp');
api.reinitialise();

Answer 2

如果您希望滚动条保持其位置，则应设置

      maintainPosition: true

另外，尝试重建代码如下：

            // Use jscrollpane api function to enable reinitialization
            var scrollelement = $('body>div').jScrollPane({ maintainPosition: true});
            var api = scrollelement.data('jsp');
            api.getContentPane().html(result);


            // Needed to apply jscrollpane after change new container type
            api.reinitialise();

希望这有帮助：）

Answer 3

来自docs：

maintainPosition [boolean] - 当您重新初始化时，是否希望滚动窗格的内容保持其位置 - 因此当您添加更多内容时它不会滚动（默认为true）

您将其设为false。

Answer 4

对于在上述情况之后重新初始化问题的人：

function reinitialiseScrollpane() {

        var settings = {
            maintainPosition: true,
            // add your settings here, below are examples
            arrowButtonSpeed: 1,
            showArrows: true,
            animateScroll: true 
        };

    pane.jScrollPane(settings); 
    var api = pane.data('jsp');
    api.getContentPane().append();
    api.reinitialise();

}

重要的部分是使用设置。如果不重新初始化设置，可能会出现故障。我把它放在一个函数调用中，所以只要在任何滚动窗格中更改内容，就可以调用它（假设你保留了包含所有区域的.scroll-pane类）

当Jquery jScrollPane重新初始化时，它会回到顶部。为什么？

4 个答案: