Javascript 如何向左或向右滚动div onclick？

HTML

这是你的电话号码

这里我想要的是当我点击id为'heading'的h2时，'main_container'div应该滚动到'second_div'

谁能告诉我怎么做吗？

你可以试试这个

$(document).ready(function(){
    $("#heading").click(function(){
       $('.main_container').animate({left:'+100px'}, 1000);
    });
});​

像下面这样使用

---

由于容器设置为200%宽，因此需要按-100%设置动画，如下所示：

$(document).ready(function(){
    $("#heading").click(function(){
          $('body').animate({scrollLeft:'500%'}, 'slow');
    });
});

---

这就是你想要的吗？

$(document).ready(function(){
    $("#heading").click(function(e){
        e.preventDefault();
        $('body').animate({scrollLeft:'+=500'}, 500);
    });
});

$(document).ready(function(){
    $("#heading").click(function(){
          $('body').animate({scrollLeft:'500%'}, 'slow');
    });
});

$("#heading").click(function() {
    $('.main_container').animate({marginLeft:'-100%'}, 500);
});