滾動動畫marginTop問題

.cscc

.messages{ 
    width:95%; 
    height:200px; 
    overflow:auto; 
} 
.message{ 
    width:98%; 
&:hover{ 
    background: #d6d6f0; 
    cursor: pointer; 
} 
} 
.message-author{ 
    float:left; 
} 
.message-date{ 
float:right; 
} 
.message-header{ 
    display:block; 
} 
.message-content{ 
    padding:1em 
}

html.erb

<div class="messages" data-url="<%= dialog_url @dialog_user %>"> 
<div id="messages-container"> 
<% @messages.each do |msg| %> 
    <div class="message"> 
    <div class="message-header"> 
     <div class="message-author"> <%= msg.from.username %> </div> 
      <div class="message-date"> <%= msg.created_at %> </div> 
    </div> 
    <br> 
    <div class="message-content"> <%= msg.body %> </div> 
    </div> 
<% end %> 
</div>

jQuery -> 
$(document).ready -> 
$(".messages").niceScroll({cursorcolor:"#b8b8b8"}) 

val1 = $("#messages-container").height() 
val2 = $(".message").last().height() 
val = val1 - val2 - 100 

$("#messages-container").animate marginTop: "-=" + val + "px"

當JS動畫完成我losted能力滾動DIV

一些helpfup圖片

或者你可以看到這裏的問題ccc-chat.herokuapp.com（與任何虛假電子郵件註冊）

來源

2013-04-09 tty6

不知道是什麼問題。我訪問過該網站，沒有動畫發生。滾動不斷做它應該做的事情。 – Brainfeeder 2013-04-09 12:09:31

只爲他人：用戶名sdsd /電子郵件[email protected] /通過ikbennietgek ..跳過註冊部分:) – Brainfeeder 2013-04-09 12:10:45

哇。我沒有注意到這些資源沒有遵守。試圖解決這個問題 – tty6 2013-04-09 12:15:53

修復它。忘記部署上次提交。現在的作品

來源

2013-04-09 12:21:47 tty6

滾動動畫marginTop問題

回答

相關問題