ScrollTo效应
This script 是一个小的、可自定义的插件,允许滚动控件的元素 web page or web page 窗口本身.
JavaScript
为了使 script work, the index-#.html 带有滚动条的文件应该包含这些行 HTML 代码以便包含 jquery.ScrollTo.js script 和jQuery framework:
The 部分 index-#.html 文件包含以下代码行,这些代码行用于初始化 script 具有基本价值的功能:
Main ready() function 很容易理解并适用于整个页面. 我们只需在点击元素时设置它( tag) with .nav > li a.q1 类,页面将动画为带有的元素 #home id. scrollTo () function 有两个设置:目标位置和属性. Here script 属性定义了以下值:
• axis: -要滚动的轴(可以是 X y xy yx);
• duration: -动画的长度,默认为none (sync);
• queue: – if true 两个轴都是滚动的,它会在一个轴上动画,然后在另一个轴上(注意 axis being xy or yx,命令结束).
有许多不同的方法来指定目标位置.
这些都是:
•原始数字;
•一个字符串(' 44′, ‘ 100px‘, ‘ +=30px‘, etc );
•一个DOM元素(逻辑上是可滚动元素的子元素);
• a selector,它将相对于可滚动元素;
•字符串' max’滚动到最后;
一个字符串,指定滚动到容器的那个部分的百分比(f).E: 50%流向中间).
HTML
下面你可以看到将军 HTML script 表示(页块):