<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/