2013-10-17 102 views
4

我剛剛安裝了完美滾動,jQuery插件,它工作的很好,但我找不到參數來啓動我的div底部的內容。我想要在頁面加載時向上滾動,而不必向下滾動。jQuery完美滾動 - 將滾動條設置到容器底部

通常使用jQuery,我只想做:

​​

,但似乎沒有任何效果。

當前代碼:

$(".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(); 
+0

表現出一定的HTML或你可以設置小提琴 –

+0

看到http://stackoverflow.com/questions/19418087/jquery-perfect-scroll-set-scrollbar-to-the-bottom-of-the-container/19418474#19418474這..我也使用這個只... – KarSho

回答

14

我還沒有https://github.com/noraesae/perfect-scrollbar

,如果您需要在代碼中使用過,但基於該文檔插件是:

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

的$選擇可能是錯誤的,因爲我看不到你的HTML代碼。

+0

謝謝。那工作 –

-2

Scrooltop

粘貼下面的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> 

現在的自定義頁面上,你去點擊按鈕「修改」和之前

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

下面添加CSS代碼僅供參考http://www.tumblings.net/post/38379026809/scrolltotopbuttoncode 使用此代碼

+0

我們在這裏談論不同的不相關的事情.. – bondythegreat