5

我刚刚安装了完美的滚动，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();
4

2 回答 2

16

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

您应该需要的代码是：

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

$ 选择器可能是错误的，因为我看不到您的 HTML 代码。

于 2013-10-17T04:26:57.007 回答
-4

卷顶

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

 <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 使用此代码

于 2013-10-17T04:45:58.603 回答