水平分割固定位置，水平滾動時垂直移動

我正在創建一個水平滾動的網站。這是描繪穿越一個場景的旅行。我想要做的是讓一個包含太陽圖像的div在水平方向上保持相同的位置，但隨着網站的滾動垂直向下移動，以便在「旅程」開始時太陽div高聳於天空中當你通過網站的太陽div'套'水平分割固定位置，水平滾動時垂直移動

我不能想辦法做到這一點，並希望有人能夠提供幫助。

謝謝！

來源

2012-11-05 user1799998

如果你使用JQuery，你可以嘗試使用類似.scroll（）的東西。

.scroll API 如果你看看評論，並適應水平滾動我認爲它可能工作。

做了另一個搜索，發現這個問題，以及：javascript-bind-an-event-handler-to-horizontal-scroll

來源

2012-11-05 11:49:16 Roise

感謝回答。我是JQuery的新手，所以無法弄清楚如何適應我需要的東西。我知道我希望div的垂直位置相對於滾動位置，因此如果站點向右滾動了很多像素，則div將通過垂直移動位置來響應。我真正需要的是示例代碼，我知道它很多要求人們爲我解決這個問題，但是當談到JQuery時我非常愚蠢！再次感謝您試圖幫助我！ – user1799998

從最後一個例子修改了小提琴，它不是很漂亮，我確定有人可以使它更好，但它的工作原理：http://jsfiddle.net/cuGMd/ – Roise

謝謝，這正是我需要它做的！正如我之前說過的，我對某些網絡事物感到厭倦。我需要下載哪些JavaScript庫或其他腳本才能在網站中完成此項工作？我試圖實現，並且div在滾動時不會移動，只是保持固定位置。感謝您的耐心與一個明顯的白癡:) – user1799998

水平分割固定位置，水平滾動時垂直移動

回答

相關問題