Question

我有一个代码，假设将<div>从剩余的94％移动到aproximetly，剩下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/

Answer 1

我不应该被投票。这是一个工作小提琴：http://jsfiddle.net/NmcZj/

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

应该这样做。（区别在于“ - =”）

Answer 2

通过更改来修复所有内容：

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

以

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

为什么<div>不移动？</div>

2 个答案: