使用两个按钮(图像)滚动设置为溢出的DIV:隐藏; 用jQuery

<div id="scrollDiv" style="width: 200px; height: 200px; overflow: hidden;">
  <!-- 溢出内容 -->
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc id aliquam lacinia, mauris turpis tristique risus, vitae ultrices nunc odio non nisl.</p>
</div>
<button id="scrollLeftBtn"><img src="left.png" alt="向左滚动"></button>
<button id="scrollRightBtn"><img src="right.png" alt="向右滚动"></button>

$(document).ready(function() {
  var scrollDiv = $('#scrollDiv');
  var scrollLeftBtn = $('#scrollLeftBtn');
  var scrollRightBtn = $('#scrollRightBtn');
  
  // 左滚动按钮点击事件处理程序
  scrollLeftBtn.click(function() {
    scrollDiv.animate({scrollLeft: '-=100'}, 'slow');
  });
  
  // 右滚动按钮点击事件处理程序
  scrollRightBtn.click(function() {
    scrollDiv.animate({scrollLeft: '+=100'}, 'slow');
  });
});