究竟是什么,数据锚定目标呢?

时间:2014-05-13 01:04:46

标签: skrollr

我正在玩Skrollr,并且在大多数情况下它看起来非常直观,有一件事让我得到的是data-anchor-target属性。大多数时候我都不需要它,但是当我看一些例子时,它通常被包括在内,我对它的作用感到困惑。它只是意味着在那个目标上,当Skrollr数据 - (pos)属性启动时?

1 个答案:

答案 0 :(得分:3)

data-anchor-target使用Skrollr.js时,通常使用两种方法之一作为启动和停止滚动控件的输入:

  1. 绝对定位,与开始或结束有关 整个文件。
  2. 相对定位,与顶部有关, 查看浏览器框架的底部或中心。
  3. data-anchor-target标记使开发人员可以自由地使用替代元素来触发修改。将控制位置直接放在文档中。使用简单的CSS选择器(.class或#id' s)将元素标识到目标标记。当data-anchor-target标记元素滚动到查看窗口时,开发人员可以使用正常相对模式data-bottom-top标记来启动所需的滚动结果。使用data-top-bottom作为数据锚点目标向上和向外滚动查看窗口的控件。记住这张图片吗?

    pictorial

    这很酷,因为它可以完美控制不同的观看设备,方向和屏幕尺寸。看一下anchor-target.html示例。注意只要红框在框架中可见,蓝色的脸是如何微笑的? (注意:不要被该示例中的!0 CSS标识符吓到。请记住,在skroller中,!感叹号用于修复滚动期间修改的数字字段。)< / p>