我可以用javascript给一个按钮两个命令吗？

我创建了一个分为七个部分的页面，每个页面上有两个列div。单击右按钮时，我将滚动到下一列；单击左按钮时，我将滚动到左列。问题是，假设我在第一页，从第二列滚动到第三列，我离开了页面，必须手动移动x滚动条。 有没有一种方法，我可以只编程的按钮，以迫使x溢出以及

  <!--Column 1--> 
  <div class="col">
<p>Put your content here...</p>
<button class="left">Left</button>
<button class="right">right</button>
 </div><!--end div column 1-->

谢谢

  <!--Column 1--> 
  <div class="col">
<p>Put your content here...</p>
<button class="left">Left</button>
<button class="right">right</button>
 </div><!--end div column 1-->

CSS

  <!--Column 1--> 
  <div class="col">
<p>Put your content here...</p>
<button class="left">Left</button>
<button class="right">right</button>
 </div><!--end div column 1-->

#内容{
宽度：3500px；
高度：200px；
位置：绝对；}
#容器{
高度：500px；
溢出：隐藏；
位置：相对位置；
边框：1px#000实心；
}
#容器，.col{
宽度：500px；
}
上校{
浮动：左；
}

HTML

  <!--Column 1--> 
  <div class="col">
<p>Put your content here...</p>
<button class="left">Left</button>
<button class="right">right</button>
 </div><!--end div column 1-->

把你的内容放在这里

  <!--Column 1--> 
  <div class="col">
<p>Put your content here...</p>
<button class="left">Left</button>
<button class="right">right</button>
 </div><!--end div column 1-->

左边
正确的

我为另外6个专栏写了这篇文章

  <!--Column 1--> 
  <div class="col">
<p>Put your content here...</p>
<button class="left">Left</button>
<button class="right">right</button>
 </div><!--end div column 1-->

JAVASCRIPT

  <!--Column 1--> 
  <div class="col">
<p>Put your content here...</p>
<button class="left">Left</button>
<button class="right">right</button>
 </div><!--end div column 1-->

<script>
   var colwidth = $('#container').width(),
contwidth = $('#contents').width(),
getOffset = function() {
    return parseInt($('#container').css('margin-left'));
};

 $(".left").click(function(){
if (getOffset() === 0) return false;

$("#contents").animate({left: '+=' + colwidth},500);
$("#container").animate({'margin-left': '-=' + colwidth},500);
});
$(".right").click(function(){
if (getOffset() === contwidth - colwidth) return false;

$("#contents").animate({left: '-=' + colwidth},500);
$("#container").animate({'margin-left': '+=' + colwidth},500);
});
</script>

var colwidth=$（“#容器”）.width（），
contwidth=$（“#内容”）.width（），
getOffset=函数（）{
返回parseInt（$（'#container'）.css（'margin-left'）；
};
$（“.left”）。单击（函数（）{
如果（getOffset（）==0）返回false；
$（“#内容”）.animate（{left:'+='+colwidth}，500）；
$（“#容器”）.animate（{'margin-left'：'-='+colwidth}，500）；
});
$（“.right”）。单击（函数（）{
if（getOffset（）==contwidth-colwidth）返回false；
$（“#内容”）.animate（{left:'-='+colwidth}，500）；
$（“#容器”）.animate（{'margin-left'：'+='+colwidth}，500）；
});

若要为单击分配多个函数，可以从现有函数调用函数，或创建一个新函数专门用于调用其他2个函数。

若要为单击分配多个函数，可以从现有函数调用函数，或者专门为调用其他两个函数创建一个新函数。

也可以使用

分隔函数调用onclick

中单击code>，但此处代码似乎属于

$（“.left”）。单击（function（）{…}

和

$（“.right”）。单击（function（）{…}

。但是，这并不能回答如何通过单击按钮以编程方式移动x-滚动条的实际问题。您也可以在

onclick

中使用

；

分隔函数调用，但在这里，代码似乎属于

$（“.left”）。单击（function（）{…}

和

$（.right”）。单击（function（））{…}

。但是，这并不能回答如何通过单击按钮以编程方式移动x滚动条的实际问题。

  <!--Column 1--> 
  <div class="col">
<p>Put your content here...</p>
<button class="left">Left</button>
<button class="right">right</button>
 </div><!--end div column 1-->