我有一个使用 CSS 关键帧制作 min-height: 100% 的页面设计<section>包含页面内容的元素从右侧滑入。 一旦元素动画到其最终位置，就可以通过选择并拖动文本来水平“拖动滚动”页面，我想避免这种情况。
<html>和 <body>元素设置为 overflow-x: hidden; ，它可以防止滚动条，但仍然允许滚动功能。我确实需要用户能够滚动 <section>元素垂直。
我假设问题是由初始 translateX 引起的关键帧动画中的值，但我不确定如何防止水平拖动滚动。
这是 a jsfiddle证明问题。
感谢任何意见。
最佳答案
也许是 javascript 解决方案？以下是怎样的:
function bindEvent(e, eventName, callback) {
if(e.addEventListener) // new browsers
e.addEventListener(eventName, callback, false);
else if(e.attachEvent) // IE
e.attachEvent('on'+ eventName, callback);
};
bindEvent(document.body, 'scroll', function(e) {
document.body.scrollLeft = 0;
});
关于html - 防止在 100% 宽度的页面上水平拖动滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22746890/