1

divのスクロールバーを中央に配置するにはどうすればよいですか?

これは私が持っているものです:

<div id="mydiv" style="width:1000px;overflow:auto;">
   <img src="..." style="width:100%;height:250px;" />
</div>

$(window).on('resize', function () {
    $('#mydiv').scrollLeft(
            $( "#mydiv" ).width() - $( "#mydiv" ).width()/2
    );
});

しかし、これはうまくいきません。正確にはセンタリングされていません。残念ながら、パーセント 50% を設定することはできません。scrollLeft(() 関数には整数が必要です。

ありがとう!

4

2 に答える 2

1

簡単な解決策: https://jsfiddle.net/HSJft/21/

縦スクロール:
$(scrollWrapper).scrollTop(($(content).height() - $(scrollWrapper).height())/2);

水平スクロール:
$(scrollWrapper).scrollLeft(($(content).width() - $(scrollWrapper).width())/2);

于 2015-11-17T16:31:23.033 に答える