0

私のスクロールは、通常の構成で完全に機能します。

#makeMeScrollable{
  width:100%;
  height: 500px;
  position:absolute;
  left:0;
  top:110px;
}

#makeMeScrollable div.scrollableArea img{
  position: relative;
  float: left;
  margin: 0 5px 0 0;
  padding: 0; 
}

ただし、ウィンドウの高さが 768px 未満の場合、CSS で次の変更を行いました。

@media only screen and (max-height : 768px) {
    #makeMeScrollable{
      height: 500px;
    }

    #makeMeScrollable div.scrollableArea img{
        height: 400px
    }
}

Chrome では問題なく動作しますが、Firefox と IE では最後の画像が最終行にドロップされます。

4

2 に答える 2

1

マージンの代わりにパディングを使用して画像の CSS を変更するとどうなりますか? このような：

#makeMeScrollable div.scrollableArea img{
  position: relative;
  float: left;
  margin: 0;
  padding: 0 5px 0 0; 
}

これは過去に時々私のために働いていました。

于 2013-02-18T07:07:15.430 に答える
0

わかりました、私はこのように何とか解決しました：

$(document).ready(function () {
            $("#makeMeScrollable").smoothDivScroll({                 
            manualContinuousScrolling: false,
            autoScrollingMode: "onStart",
            autoScrollingDirection: "backAndForth",
            autoScrollingStep: 1
        });
    });

これは、初期化する最初のスクリプトです。画像が行き来することを望んでいました。

私はこのように作成しましたが、今では問題は解決しました:

$(document).ready(function () {
        $("#makeMeScrollable").smoothDivScroll({                 
            manualContinuousScrolling: true,
            autoScrollingMode: "onStart",
            autoScrollingStep: 1
        });
    });
于 2013-03-12T12:43:05.997 に答える