Question

我刚刚安装了完美的滚动，jQuery插件，它工作得很好，但我找不到一个参数来启动div底部的内容。我想要向上滚动页面加载，而不是向下滚动。

通常使用jQuery我会这样做：

$(nav_message_list).prop({ scrollTop: $(nav_message_list).prop("scrollHeight")});

但这似乎没有效果。

当前代码：

$(".chat_person").click(function ()
                         {
                          if (!$(".chat_content_wrap").is(":visible"))
                           {  
                            $(".chat_content_wrap").fadeIn(300, function ()   
                                                                 {
                                                                  $('#message_list').perfectScrollbar('update');
                                                                  $(nav_message_list).prop({ scrollTop: $(nav_message_list).prop("scrollHeight")});
                                                                 });
                           }
                          });

$("#message_list").perfectScrollbar();

Answer 1

之前我没有使用过插件，但是基于https://github.com/noraesae/perfect-scrollbar

的文档

您需要的代码是：

$("#message_list").scrollTop( $( "#message_list" ).prop( "scrollHeight" ) );
$("#message_list").perfectScrollbar('update');

$ selectors可能是错的，因为我看不到你的HTML代码。

Answer 2

<强> Scrooltop

在</head>代码之前粘贴JavaScript代码。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

在JavaScript代码下面粘贴<body>代码。

    <div class="scrool">
<script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
    <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="http://static.tumblr.com/cqpvki8/7yWlh05zn/seta.png" title="Go to Top" alt="Go to Top"/></a>
</div>

现在，在“自定义”页面上，转到并按“编辑HTML”按钮，然后在

之前添加以下css代码

#scrollToTop:link, 
#scrollToTop:visited {
  display: none;
  position: fixed;
  top: 20px;
  right: 20px;
}

供参考http://www.tumblings.net/post/38379026809/scrolltotopbuttoncode 使用此代码

jQuery Perfect Scroll - 将滚动条设置为容器的底部

2 个答案: