zoukankan      html  css  js  c++  java
  • jquery滚动条

    <script>
    $(document).ready(function(){
    $("button").click(function(){
    $("div").scrollTop(100);
    });
    });
    </script>
    </head>
    <body>
    
    <div style="border:1px solid black;100px;height:550px;overflow:auto">
    This is some text. This is some text. This is some text. This isis is some text. This is some text. This is some text. This iis is some text. T
    
    his is some text. This is some text. This iis is some text. This is some text. This is some text. This iis is some text. This is some text. This i
    
    s some text. This iis is some text. This is some text. This is some text. This i some text. This is some text. This is some text. This is some text. This is some text. This is some text.
    </div><br>
    <button>垂直滚动条的位置设置为100px</button>

    返回垂直滚动条位置:

    $(selector).scrollTop()

    设置垂直滚动条位置:

    $(selector).scrollTop(position)
     

    offset() 方法设置或返回被选元素相对于文档的偏移坐标。

    返回偏移坐标:

    $(selector).offset()

    设置偏移坐标:

    $(selector).offset({top:value,left:value})

    使用函数设置偏移坐标:

    $(selector).offset(function(index,currentoffset))
     
     
    height() 方法设置或返回被选元素的高度。
    该方法不包含 padding、border 或 margin。

    on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

    如需移除事件处理程序,请使用 off() 方法。

    提示:如需添加只运行一次的事件然后移除,请使用 one() 方法。

  • 相关阅读:
    LeetCode: Number Complement
    LeetCode: Hamming Distance
    LeetCode: Sum of Left Leaves
    LeetCode: Ransom Note
    LeetCode: Minimum Moves to Equal Array Elements
    LeetCode: Linked List Random Node
    LeetCode: Product of Array Except Self
    LeetCode:Two Sum II
    LeetCode: Minimum Moves to Equal Array Elements II
    杂记 -- 时间段内应用程序调用次数限制
  • 原文地址:https://www.cnblogs.com/webcyh/p/11290170.html
Copyright © 2011-2022 走看看