我正在玩Skrollr,并且在大多数情况下它看起来非常直观,有一件事让我得到的是data-anchor-target属性。大多数时候我都不需要它,但是当我看一些例子时,它通常被包括在内,我对它的作用感到困惑。它只是意味着在那个目标上,当Skrollr数据 - (pos)属性启动时?
答案 0 :(得分:3)
data-anchor-target
使用Skrollr.js时,通常使用两种方法之一作为启动和停止滚动控件的输入:
data-anchor-target
标记使开发人员可以自由地使用替代元素来触发修改。将控制位置直接放在文档中。使用简单的CSS选择器(.class或#id' s)将元素标识到目标标记。当data-anchor-target
标记元素滚动到查看窗口时,开发人员可以使用正常相对模式data-bottom-top
标记来启动所需的滚动结果。使用data-top-bottom
作为数据锚点目标向上和向外滚动查看窗口的控件。记住这张图片吗?
这很酷,因为它可以完美控制不同的观看设备,方向和屏幕尺寸。看一下anchor-target.html示例。注意只要红框在框架中可见,蓝色的脸是如何微笑的? (注意:不要被该示例中的!0
CSS标识符吓到。请记住,在skroller中,!
感叹号用于修复滚动期间修改的数字字段。)< / p>