如何水平滾動一個絕對元素到我想要的位置？

對不起，如果問題聽起來不對，我不知道如何描述我的問題更清楚。你可以看到，當在菜單上滾動或選擇一個項目時，窗口會滾動，但菜單保持在同一個絕對位置。徽標中的小「凹痕」必須以每個部分左側的圓圈爲中心。它適用於所有部分，但不適用於最後一部分，因爲我不知道窗口的寬度。如果你水平調整窗口大小，你會看到我在說什麼。如何水平滾動一個絕對元素到我想要的位置？

我試圖找到解決這個問題的方法，但現在有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

如何水平滾動一個絕對元素到我想要的位置？

回答

相關問題