2

多くのタブがあり、いずれかのタブをクリックすると、垂直スクロールdivが表示されます。Facebookメッセージページのように：任意のユーザーの名前をクリックしたとき。ダイアログが表示され、スクロールバーはデフォルトでdivの下部にあります。

タブは次のとおりです。

<ul class="companies">
    @foreach (var item in Model)
    {
       <li id='company_@(item.Id)' data-id='@item.Id' >
           <a>@item.Name</a>
       </li>
    }
</ul>

そして内容：

@foreach (var item in Model)
{
   <div id="scrollingDiv"  class="scrollingDiv"> @item.News </div>
}

そしてCSS：

.scrollingDiv {
    overflow-x: hidden;
    max-height: 500px;
    overflow-y: scroll;
}

いずれかのタブをクリックしたときに、スクロールバーを下部に残したい。（常に最後のニュースを見るには）。また、現在のdiv。この質問を確認 しました。しかし、私のアプリケーションでは機能しませんでした。この問題を解決するにはどうすればよいですか？

4

3 に答える 3

4

JavaScriptを使用すると、次のようなことができます

var d = document.getElementById('myDiv');

if(d.scrollHeight > d.clientHeight) {
  d.scrollTop = d.scrollHeight - d.clientHeight;
}

divにコンテンツを追加するたび、またはスクロール可能なコンテナーを一番下までスクロールするときに、このロジックを実行します。

于 2013-02-15T12:44:39.357 に答える
2

jQueryのscrollTop()関数はまさにあなたが必要とするものかもしれません。http://api.jquery.com/scrollTop/を参照してください

于 2013-02-15T12:43:56.897 に答える
0

以下のコードを使用してそれを達成することができます

$('.full-area').scrollTop($('.full-area')[0].scrollHeight);
于 2019-06-17T09:11:47.770 に答える