Jquery ScrollLeft让div的右边框始终是屏幕的中心？

Question

我有一个DIV，在页面加载后随着时间的推移而扩展：

function scrollContainer() {
                var wave = $("#wave");
                $("body").scrollLeft(wave.width());
            }

我希望在此div展开时将浏览器水平重新居中，以确保此div的右边框始终在屏幕中居中。我使用scrollLeft在正确的轨道上吗？

Answer 1

我不确定你正在寻找什么效果，但这是一个不断扩大的div，它仍然居于中心：http://jsfiddle.net/y0hn2Lrm/

<强>的JavaScript

var expand = function( domNode ) {

   domNode.css('width', '+=10px')

}

setInterval( expand.bind( this, $('#block') ), 1000 );

<强> CSS

#block {
    text-align: center;
    margin: 0px auto; 
    border: 1px solid black;
    width: 100px;
}