jquery - Codrops 网站游览 下一个 上一个 按钮

Question

CoDrops 有一个用 jQuery 构建的网站导览，位于此处 - http://tympanus.net/Development/WebsiteTour/

但是 - 当单击“开始导览”时，您会看到一个“下一步”按钮，显然会显示下一个导览演练。当您再次单击下一步时，它将用上一个按钮替换下一个按钮

如果您专注于导览而不是控件，这会有点尴尬，因为一旦您单击了第一个下一步按钮，上一步按钮将位于鼠标箭头下方，如果您不专心，您将只能来回切换带有第一个下一个和上一个按钮。

我希望从一开始就将“上一个”按钮放在那里，但它必须变暗且不可点击。这可能吗？

这里也有关于它的评论 - 但还没有答案 - http://tympanus.net/codrops/2010/12/21/website-tour/comment-page-1/#comment-11411

Answer 1

一种可能的解决方案是将 CSS 可见性设置为隐藏。如果您可以看到该元素，该元素仍将占据该空间，但将不可见或不可点击。当您想要显示它时，将可见性属性设置为可见。