gpt4 book ai didi

javascript - 为什么
不移动?

转载 作者:太空宇宙 更新时间:2023-11-04 04:24:28 25 4
gpt4 key购买 nike

我有一个代码可以移动 <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/

最佳答案

我不应该被否决。这是一个工作 fiddle :http://jsfiddle.net/NmcZj/

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

应该可以了。 (区别在于“-=”)

关于javascript - 为什么 <div> 不移动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18518538/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com