0

<div>左94%から約4%に移動するコードがありますが、うまくいかないようです。コンソールにはエラーが報告されないため、コードの CSS 部分に問題があると思います。

HTML:

<body id="page_body">
    <div class="header_wrap">
        <div class="header_main_title">
            <h1>Text</h1>
        </div>
    </div>
    <div id="scroll" class="scroll_button"></div>
    <div class="container">
        <div class="leftslide"></div>
        <div class="rightslide"></div>
    </div>
</body>

CSS:

div.container {
    /*width: 2960px;*/
    width: 1600px;
    height: 710px;
}

div.leftslide {
    float: left;
    width: 1500px;
    background: url("1.jpg");
    background-repeat: no-repeat;
    height: 790px;
}

div.rightslide {
    position: fixed;
    left: 94%;
    width: 1460px;
    background: url("1.jpg");
    background-repeat: no-repeat;
    height: 790px;
}

JS:

$('#scroll').click(function() {
    $('.rightslide').animate({left: "100%"});
});

JSFIDDLE : http://jsfiddle.net/AFysR/

4

2 に答える 2

2

私は反対票を投じるべきではありません。ここに実用的なフィドルがあります: http://jsfiddle.net/NmZj/

$('#scroll').click(function() {
$('.rightslide').animate({left: "-=100%"});
});

それはそれを行う必要があります。(違いは「-=」です)

于 2013-08-29T18:36:25.267 に答える
0

以下を変更してすべてを修正しました。

$('#scroll').click(function() {
    $('.rightslide').animate({left: '4%'});
});

に:

$(document).ready(function() {
$('#scroll').click(function() {
    $('.rightslide').animate({left: '4%'});
});
});
于 2013-08-31T23:03:27.490 に答える