jquery - CSS Body unscrollable?

Question

I've put:

body {
height: 100%;
width: 100%;
max-height: 100%;
max-width: 100%;
overflow: hidden;
}

But I can still use my Middle Button to scroll down the page. Is there any fix for this?

I've also tried to search for the jQuery middle mouse button scroll event but didn't find anything.

Answer 1

尝试改用溢出-y。像这样

body {
    overflow-y:hidden;
}

Answer 2

如果您仍然可以滚动，则问题可能不是body标签，而是html标签占用超过 100%，也试试这个，它为我解决了类似的问题：

html {
    overflow: hidden;
    height: 100%;
}

Answer 3

您可以防止鼠标中键单击，因此您将无法滚动：

$(document).mousedown(function(e){
switch(e.which)
{
    case 2:
        //middle Click
        return false;
    break;
}
  return true;// to allow the browser to know that we handled it.
});

Answer 4

使用 css 重置，或者：

*{margin:0;}