Javascript水平滚动锁_Javascript_Html_Css_Scroll

Javascript水平滚动锁

javascript html css scroll

Javascript水平滚动锁,javascript,html,css,scroll,Javascript,Html,Css,Scroll,如何使用javascript锁定水平滚动，我对overflow-x hidden不满意，我正在尝试找到一个javascript选项来锁定x轴上的touchmove事件？我一直在想办法，到目前为止，我只能在水平和垂直方向上锁定滚动您可以尝试以下方法： <head> <script> var scrollpos = 0; function onScroll(e){ this.scrollLeft = scrollpos; } function init(){ var s

如何使用javascript锁定水平滚动，我对overflow-x hidden不满意，我正在尝试找到一个javascript选项来锁定x轴上的touchmove事件？我一直在想办法，到目前为止，我只能在水平和垂直方向上锁定滚动

您可以尝试以下方法：

<head>
<script>
var scrollpos = 0;
function onScroll(e){
 this.scrollLeft = scrollpos;
}
function init(){
 var scroller = document.getElementById('scroller');
 scroller.onscroll = onScroll;
}
</script>
</head>
<body onload="init();">
<div id="scroller" style="overflow:auto;"></div>
</body>

如果不删除滚动条，就无法真正禁用滚动条，但可以禁用事件，如触摸事件。你想做什么？…我不满意overflow-x hidden。。。为什么不呢？有一个用户不能使用的滚动条，除了可以说是糟糕的用户体验之外，还能给你带来什么？尽管有些触摸设备无论如何都不会显示滚动条；其他人会……有点离题：我不知道；我不知道，这是用来做什么的，也许是一个游戏或者一些复杂的ajax页面。但锁定水平滚动并不是用户友好的，当用户访问页面时，他期望并习惯于页面滚动。所以请记住这一点。致以最良好的祝愿：。我正在尝试禁用任何水平触摸事件。是的，我非常清楚它不是用户友好的，但为了进一步了解我的知识，我想知道是否有方法和方式？而不是根本不知道怎么做。真的很感谢所有的支持，我会试试的