javascript - 絶対位置ナビゲーション矢印の問題

Question

使用しているポートフォリオ ビューアーの左ナビゲーション矢印がウィンドウのサイズに合わせて移動し、それを div 内に保持して固定する方法がわからないという問題があります。私が使用しているプラ​​グインは「Portfoliojs」と呼ばれます

問題が発生しているページへのリンクは次のとおりです。http://bopratt.com/bopratt/test/

何か案は？

Answer 1

position: absolute を持つ要素は、ページに対して相対的であるか、次に高い位置にある相対的に配置された要素です。

position: relative to #bomain を追加すると、 position: absolute in .gallery-arrow-right が、ページではなくその div に対して相対的になります (常に左にとどまるとは限りません: ページの左端から x の距離)。

#bomain {
    position: relative;
    /* other stuff */
}

.gallery-arrow-right の css も調整する必要があります (上: 0、左: 870px など)。