1

Slimbox プラグインに問題があります。画像をクリックすると、画像が一番下のページに読み込まれ、画像を表示するにはページをスクロールする必要があります。

しかし、デモ画像はページの中央にロードされます

4

2 に答える 2

0

CSS スタイル

#lbImage {
        position: absolute;
        left: 0;
        top: 0;
        border: 10px solid #fff;
        background-repeat: no-repeat;
    }

#lbOverlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer;
}

#lbCenter, #lbBottomContainer {
   z-index: 9999999999;
   position: fixed;
   left: 50%;
   background-color: #fff;
   top: 30px !important; 
}

それは私のために働いた

于 2013-10-01T21:12:38.407 に答える
0

縮小された slimbox2.js を開き、コードを見つけます。

y=E.scrollTop()+(E.height()/2);

(列 1100 付近に配置する必要があります) で置き換えます。

y=E.scrollTop()+(window.innerHeight()/2);

注: 変数名は異なる場合があります (ミニファイアによってランダムに選択されます)。最初に「.height()/2」を検索することをお勧めします。

このコードは、ウィンドウの垂直方向の中心位置を計算します。このエラーは、jQuery の $(window).height プロパティが jQuery の新しいバージョンで間違った値を返す場合があり、これによりボックスがウィンドウの下部近く、または下部にさえ表示されるために発生します。

Web で見つけたこの jQuery バグの解決策には、HTML ファイルの先頭での指定が含まれていますが、これはうまくいきませんでした。

window.innerHeight によるプレーンな JavaScript ソリューションは、ほとんどの最新ブラウザーの問題を解決しますが、IE バージョン 8 以前では機能しません。

于 2016-01-18T11:32:25.213 に答える