list codeView stop overscrolling on responsive ios

stop overscrolling on responsive ios

this stops the site bouncing around all over the place when you try and scroll in ios

CSS

@media(max-width:1024px) {
  html {
    overflow-x: hidden;
  }
  body {
    height: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
  }
}
Posted in css
3:50 am, July 31, 2020

Other Items in css
setting up css variables in your stylesheet
simple table stripe striping
bootstrap collapse or toggle a div visibility
drop shadow text class easy drop shadow
center everything in a div with flex-center (centre)
css font style italic
create a rainbow background using css linear gradient
stop overscrolling on responsive ios
switching stack order of floats with flex
bold the numbers in a ol li list
adding pulsating dots to your css ul li list
css using perspective for transforms
simple linear gradient overlay for an image to make it darker or lighter
wordpress main nav dropdown fix
pulsating dots - glow glowing
using css linear gradient for background overlays
center something with css not using flex
Custom 12 Grid using CSS Grid
Radial Click Effect
target data attribute with css
form checkbox replacement with large tick using label
keyframe animations css
using transform scale in css to zoom on hover over
Move any element with css offsets
CSS Improve Compatibility with Browser Fallbacks
using scroll-behavior: smooth css
using a css grid area template
grid column and row spacing
CSS Grid - Basic Columns
flex shorthand css
using flexbox to align elements in a row
Viewport width and height calculations
Making Images Retina Display Friendly
Making an image responsive using css
Applied Accessibility - Screen reader only css
Drop Down Menu Swapping Left align to Right
Using nth-child css to hide list items or repeated elements
image Checkbox Replacement for Forms
Using Flexbox rather than Floats
white space pre-wrap formatting
css :active pseudo-class usage
design nice block header
stack a table using css responsive
table border collapse
set transparent menu over background image
use font awesome on elements lists ul
css accordion basics
make your images look non squished when not using image backgrounds
simple dropin wordpress dropdown navigation css
targeting the printed version of a page with media print
Page Views

This page has been viewed 156 times.

Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

❤👩‍💻🕹

Random Quote
Ever tried. Ever failed. No matter. Try again. Fail again. Fail better. You won't believe what you can accomplish by attempting the impossible with the courage to repeatedly fail better.
Unknown