水平滚动行中的垂直滚动框与smoothDivScroll?

时间:2013-05-23 20:02:46

标签: jquery ipad

我需要创建一个用户界面连续排列的UI,用户可以滚动该行以一次查看一个框。还有一些盒子比其他盒子高,在这种情况下,用户应该能够垂直滚动该盒子。这必须使用滑动手势以及鼠标。我的HTML是这样的:

<div class="player-content">
  <article id="slide1"><img src="img/session1/screen1.png" width="760" height="400" alt="screen 1"></article>
  <article id="slide2"><img src="img/session1/screen2.png" width="760" height="400" alt="screen 2"></article>
  <article id="slide3"><iframe width="760" height="400" src="http://www.youtube.com/embed/VRKcDAOILI4" frameborder="0" allowfullscreen></iframe></article>
  ...
</div>

使用smoothDivScroll我可以使用这个JS获得整行的方框滚动:

$("div.player-content").smoothDivScroll({
  mousewheelScrolling: 'horizontal',
  hotSpotScrolling: false,
  touchScrolling: true
});

但是,如果我尝试使用此代码使元素垂直滚动,则所有滑动手势都会中断:

$('div.player-content').find('article').smoothDivScroll( {
  mousewheelScrolling: 'vertical',
  hotSpotScrolling: false,
  touchScrolling: true
});

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:1)

我想关闭这个问题,因为我已经放弃了用于swiper插件的smoothDivScroll,它可以满足我的需求:

http://www.idangero.us/sliders/swiper/