0

水平スクロールに問題があります。クロムで検査すると、エラーは表示されません。問題が見つからないので、どこに問題があるのか​​教えていただけますか?

<html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

    <script>
        $('#right-button').click(function() {
        $('#content').animate({
        marginRight: marginRight -"200px"
        }, "fast");
        });
        $('#left-button').click(function() {
        $('#content').animate({
        marginLeft: marginLeft +"200px"
        }, "fast");
        });
    </script>
    <style type="text/css">
        #browser {
            float: left;
            width: 300px;
            overflow: hidden;
            white-space: nowrap;
        }
    </style>
    ​
</head>
<body>
    <div id="browser">
        <a href="#" id="left-button">BACK</a>
        <div id="content">
            This is the content of the text which should be scrolled.
        </div>
        <a href="#" id="right-button">NEXT</a>
    </div>
    ​
</body>

4

2 に答える 2

2

marginRightページで定義されている変数ではないことを参照しています。

交換

$('#content').animate({
    marginRight: marginRight -"200px"

に

$('#content').animate({
    marginRight: "-=200"

ドキュメントから：

アニメーション化されたプロパティは、相対的なものにすることもできます。先頭に += または -= の文字列を付けて値を指定すると、プロパティの現在の値に指定された数値を加算または減算することによって、ターゲット値が計算されます。

あなたの意図を推測すると、別の論理的な問題があります。左右のマージンの両方でこのようにプレイすることはできません。デモンストレーションを参照して、何が機能するかを確認してください。

于 2012-10-06T17:59:41.490 に答える