如何水平滚动一个绝对元素到我想要的位置？

对不起，如果问题听起来不对，我不知道如何描述我的问题更清楚。你可以看到，当在菜单上滚动或选择一个项目时，窗口会滚动，但菜单保持在同一个绝对位置。徽标中的小“凹痕”必须以每个部分左侧的圆圈为中心。它适用于所有部分，但不适用于最后一部分，因为我不知道窗口的宽度。如果你水平调整窗口大小，你会看到我在说什么。如何水平滚动一个绝对元素到我想要的位置？

我试图找到解决这个问题的方法，但现在有0个想法。

可能值得注意的是，我正在使用localScroll插件进行滑动。

因此，如果任何人有某种想法的开始，让我知道:)

谢谢！

来源

2012-04-12 Ebpo

你可以有2组圆圈，“position：fixed”和“position：relative”。隐藏所有固定的圆圈，直到它们的位置滚动到，然后动态地隐藏相关的圆圈，并取消隐藏固定的圆圈，使其看起来像“咬合”到位。

或者您可以在超宽容器div外部创建零高度块级别元素，并使用javascript查找其宽度以估计屏幕宽度（并在调整大小时进行刷新）。（请注意，除非您手动设置所有内容，例如边距，填充等，否则浏览器之间的数字会稍有不同）

来源

2012-04-12 14:41:37 Peter

我喜欢这个想法，所以我将它标记为答案。我其实走了另一条路。当用户完成滚动时，我使用jquery的animate（）函数将菜单移动到正确的位置。感谢您的回答！ – Ebpo 2012-04-17 18:25:43

我会在最右边添加一个合适大小的“假”部分，但不要提供此部分的链接。

这是否有意义？

来源

2012-04-12 14:26:21 idbentley

它确实有道理，但我将留下一个漫长的“未使用”网站部分。它并不真正解决问题取决于窗口的宽度（不知道我是否清楚这一点） – Ebpo 2012-04-12 14:32:16

如何水平滚动一个绝对元素到我想要的位置？

回答

相关问题