data-anchor-target 究竟是做什么的？

Question

我在玩 Skrollr 并且在大多数情况下它看起来非常直观，让我受益的一件事是 data-anchor-target 属性。大多数时候我不需要它，但是当我查看一些示例时，它通常包含在内，我对它的作用感到困惑。这是否只是意味着在那个目标上，那是 Skrollr 数据（pos）属性发挥作用的时候？

Answer 1

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

1. 绝对定位，与整个文档的开头或结尾有关。
2. 相对定位，与查看浏览器框架的顶部、底部或中心相关。

该data-anchor-target标签使开发人员可以自由地使用替代元素来触发修改。您可以将控制位置直接放置在文档内。使用简单的 CSS 选择器（.class 或 #id）将元素标识为目标标签。当data-anchor-target标签元素滚动到查看窗口中时，开发人员可以使用正常的相对模式data-bottom-top标签来开始所需的滚动结果。用作data-top-bottom数据锚点目标何时向上滚动并移出查看窗口的控件。还记得这张图片吗？

这太酷了，因为这可以完美控制不同的观看设备、方向和屏幕尺寸。看一下anchor-target.html 示例。注意到只要画面中出现红脸，蓝脸就会微笑吗？（注意：不要被该示例中的 CSS 标识符吓到!0。记住在 skroller 中，!感叹号用于修复数字字段在滚动过程中不被修改。）