zoukankan      html  css  js  c++  java
  • 网站开发常用jQuery插件总结(13)定位插件scrollto

    一.scrollto插件功能

    scrollto用于定位页面中元素的位置,并使滚动条滚动到当前元素。

    二.scrollto官方地址

    https://github.com/flesler/jquery.scrollTo

    在官方地址中并没有特别详细的说明,只是说插件可以按x轴、y轴滚动。可以嵌套元素,当前元素在父元素中滚动。官方提供demo下载,在demo中有应用案例,如在父元素中滚动,滚动定位的间隔时间等。

    三.scrollto使用方法

    1.文件引用。只需引用两个js文件,一个jquery,一个插件功能文件。

    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.scrollTo.js"></script>

    2.css样式文件。插件自身不需要使用样式

    3.js代码。插件使用非常简单,如:

    //定位到当前页面wrap元素中第4个h3元素,间隔时间为800毫秒。
    $.scrollTo( '#wrap > h3:eq(3)', 800 );
    //可以通过初始化定义延x轴或y轴滚动定位。详细可以看官方demo演示
    $.scrollTo( '#wrap > h3:eq(3)', 800,{ axis:'x' } );  //x轴

    4.html代码。指定需要定位到的元素。

    在测试scrollto插件时,为了提高测试用例的功效,同时使用了scrolltofixed插件scrolltofixed插件用于页面滚动时,固定某元素的位置不变。

    在线演示:定位插件scrollto

  • 相关阅读:
    python输出shell命令执行结果
    python实验二:字符串排序
    python学习系列
    linux命令系列目录
    git初步
    HTML基础教程 七 高级
    HTML/CSS基础教程 六
    linux命令---sed
    linux命令---unzip
    模块
  • 原文地址:https://www.cnblogs.com/imlions/p/3353353.html
Copyright © 2011-2022 走看看