在某个高度设置滚动条起始位置

Question

我想知道js / jquery / css / html是否可以在滚动条上设置起始位置。

在我提供的屏幕截图中，我希望滚动条始终更新，以便在新邮件通过/页面加载时保持在底部。

<div class='media'>
      <a class='pull-left' href='#'>
          <img class='media-object img-circle' src='img/avatar' alt='Avatar'>
      </a>

      <div class='media-body'>
            <h5 class='media-heading'>/username/</h5>
            <h5>/message/</h5>
      </div>
</div><hr>

Answer 1

我正在使用此功能

# let list  = [(1,2);(2,3);(1,4);(5,0)];;
val list : (int * int) list = [(1, 2); (2, 3); (1, 4); (5, 0)]
(* you'll probably want to find a better name *)
# let exists_left list value = List.exists (fun (x, _) -> x = value) list;;
val exists_left : ('a * 'b) list -> 'a -> bool = <fun>
# exists_left list 1;;
- : bool = true
# exists_left list 100;;
- : bool = false

DEMO另一个DEMO

有关附加的更多说明，请参阅此DEMO

Answer 2

对于纯JavaScript ，您只需将 scrollTop 的值更新为 scrollHeigh 值。

下图为可垂直滚动框显示 scrollHeight 和 scrollTop 。

例如：

var myChatBox = ocument.getElementById("myChatBox");
myChatBox.scrollTop = myChatBox.scrollHeight;

链接到jsFiddle演示 - ＆gt; enter link description here

有关JavaScript指标的详细信息，请点击here