我有一个包含一堆列的元素.在触摸设备上,列应该能够使用触摸事件向上和向下滚动.当从左到右/从右向左滑动时,我需要父元素/容器水平滚动.
我现在遇到的问题是,无论何时尝试触摸/滚动其中一列,它都不会水平滚动父元素.如何实现这一目标?
我正在使用jQuery Perfect Scrollbar插件.
CodePen(应在触控设备上测试)
HTML
CSS
main {
height: 300px;
overflow-y: hidden;
position: relative;
white-space: nowrap;
}
section {
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
white-space: normal;
height: 300px;
}
p {
padding: 1em 2em;
width: 300px;
}
jQuery的
$('section').perfectScrollbar();
最佳答案