使用jQuery操作可滚动的div

时间:2012-10-28 14:07:05

标签: jquery css

我有一个带有以下CSS属性的div,以便将其滚动到位:

height: 746px;
width: 295px;
overflow: auto;
margin-bottom: 11px;
position: relative;

我需要用jQuery做两个单独的事情:

  1. 单击按钮,向上滚动框100px。
  2. 滚动时到达框底部,启动功能。
  3. 我尝试使用.position().offset()来获取它现在的位置,但是在滚动时也没有更新位置。我做错了什么?

1 个答案:

答案 0 :(得分:0)

  1. 使用scrollTop属性

    $(元素).scrollTop($(元件).scrollTop()+ 100);

  2. 使用滚动事件

    $(元素).scroll(函数(){   //检查div的高度和scrollTop值,以便知道你是否位于底部,然后执行一些代码 })