Skip to main content

jquery - Disable y-scrolling? -


I have an issue. I have overflow hidden, but still is capable of scrolling with my MU How do I disable it? I have a video as a background.

HTML Code:

  & lt; Video src = "background / background1.mp4" autoplay = "autoplay" loop = "loop" id = "background" & gt; & Lt; / Video & gt;  

CSS:

  body {width: 100%; Minimum-width: 720px; Font size: 13.5px; Margin: 0 auto; Font-family: aerial, helvetica, sense-serif; Background size: cover; Background repeat: do not repeat; Background attachment: fixed; Font-size: 100%; Hidden flurry; } #Background {Overflow: Hidden; Width: 100%; Status: Relative; Minimum width: 320px; Minimum height: 180px; }  

Overflow: Hidden; Works for x-scrolling, and both X and Y scroll-bars are gone, yet I'am is still able to scroll with my mouse wheel.

Try putting it in your CSS file:

  html {Width: 100%; Height: 100%; Hidden flurry; }  

Edit your body to include:

  Body {width: 100%; Height: 100%; }  

Comments

Popular posts from this blog

apache - 504 Gateway Time-out The server didn't respond in time. How to fix it? -

c# - .net WebSocket: CloseOutputAsync vs CloseAsync -

c++ - How to properly scale qgroupbox title with stylesheet for high resolution display? -