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() 方法。

  • 相关阅读:
    memcached整理の基本使用
    memcached整理の编译
    linux命令の删除文件和文件夹 复制粘贴文件和文件夹
    ANSIBLE工具
    RSYNC服务
    FTP服务
    Mac运维安装软件
    WebSocket协议
    TCP三次握手和四次挥手、HTTP协议
    GITBOOK/HEXO TRAVIS GITHUB-PAGES 博客搭建
  • 原文地址:https://www.cnblogs.com/webcyh/p/11290170.html
Copyright © 2011-2022 走看看