Jquery FirefoxとChromeの一番下までスクロール

Question

function run_battle() { 

if(battlenow.length>0) { 
var div = document.getElementById('show_battle'); 
    $("#show_battle").animate({ scrollTop: $("#show_battle").prop("scrollHeight") -  $('#show_battle').height() }, 100); 
var attempt = battlenow.shift(); 
div.innerHTML += attempt; 
    $("#show_battle").animate({ scrollTop: $("#show_battle").prop("scrollHeight") - $('#show_battle').height() }, 100); 
setTimeout("run_battle()",800); 
    } 
} 

これまでの説明はこれまでのものです。それはfirefoxで素晴らしい作品です。しかし、Chromeではまったく動作しません。私はJquery 1.7.1を使用しています。そのため、私は.attrの代わりに.propを使用しています。

バットレーン配列はこのようなものです。

battlenow.push('Alan hit Joe<br><br>'); 
battlenow.push('Joe fainted<br><br>Battle Over'); 

これが役立つ場合は。

ありがとうございます。

Answer 1

私が使用しているコードは、すべてのブラウザで動作し、特定の要素にスクロールします。このコードは画面上の要素を取得するために最小量をスクロールします。 WebKitのブラウザのチェックに注意してください。

などと呼ば

(function($) { 

    $.fn.scrollMinimal = function() { 

    var cTop = this.offset().top; 
    var cHeight = this.outerHeight(true); 
    var windowTop = $(window).scrollTop(); 
    var visibleHeight = $(window).height(); 

    if (cTop < windowTop) { 
     $(jQuery.browser.webkit ? "body": "html") 
     .animate({'scrollTop': cTop}, 'slow', 'swing'); 
    } else if (cTop + cHeight > windowTop + visibleHeight) { 
     $(jQuery.browser.webkit ? "body": "html") 
     .animate({'scrollTop': cTop - visibleHeight + cHeight}, 'slow', 'swing'); 
    } 
    }; 

}(jQuery)); 

：

$('#actions').scrollMinimal();