0

scrollingHotSpot の左右の領域を非透明にしました。これは、ページをロードすると、最初の画像が左側で切り取られることを意味します。scrollToElement 関数を使用すると、同じ問題が発生します。

切り取られた最初の画像を修正するために、これを使用しました。これは正常に機能します。

#makeMeScrollable div.scrollableArea img{
padding: 0 30 0 30;} //as my scrollinghotspots are 30px wide

ただし、私の scrollToElement 画像はまだ左に切り取られています。

$("#jumpToPrint").click(function () {
        $("div#makeMeScrollable").smoothDivScroll("scrollToElement", "id", "imgPrint");
    });

以下を使用してみましたが、問題は解決しませんでした。

$("div#makeMeScrollable").smoothDivScroll("scrollToElement", "id", "imgPrint").offset().left - 30;

どんな助けにも感謝します、乾杯！

4

1 に答える 1

0

ホットスポットは 75px であるためmin-width、設定した 30px を無視しているようです。このため、30px では画像のパディングが十分ではありません。とを 30pxにpadding: 0 75px設定するか、設定することで動作するはずです。min-width.scrollinghotspotleft.scrollinghotspotright

于 2012-08-24T23:21:22.823 に答える