半頁滾動在另一半的頂部

Question

我想實現一些我不知道如何解釋它，所以我會只顯示給你。 http://www.arupassociates.com/en/。我正在嘗試像在本網站上一樣滾動「半」頁面？任何人都知道如何做到這一點？

謝謝

Answer 1

雖然我可以看到，他們把位置是：固定滑塊，剩下的就是位置：相對用z-index比幻燈片的z-index更高。

Answer 2

上面的部分是簡單的移動圖像或div與圖像作爲背景，我假設你可以實現該部分。

底部將是一個簡單的巨大的分度

overflow-y:scroll 

和padding-top:75%

或其他一些百分比，以推動在div下的元素。然而

雙方的div應該有position:absolute所以可以重疊，下一個將具有更高的z-index