Menu
So I've been working on this site http://developed-web.com/ and thought it'd look nice with this site plugin (link)
The problem now is that I can't scroll down through my page. I've tried setting my page height to 1360px at every single place that I can think of but it won't work.
Any ideas?
351
Try double clicking the Home button or swipe up from the bottom of the screen and swipe Safari upwards. Go to Settings/Safari and clear History and Website Data. Open Safari and test. Safari - Clear the history and cookies on your iPhone, iPad, or iPod touch.
For vertical scrollable bar use the x and y axis. Set the overflow-x:hidden; and overflow-y:auto; that will automatically hide the horizontal scroll bar and present only vertical scrollbar. Here the scroll div will be vertically scrollable.
There are several reasons why scrolling may not be working on a certain website, and it’s important to know what’s wrong so you can fix it. Your website might not be scrolling if there is a problem with your browser (Google Chrome, Safari, etc.), website code, or your computer hardware.
Type “smooth scrolling,” and the option should be highlighted in yellow. Click on the drop-down menu to the right and choose “Disabled.” There is a built-in tool in Chrome that can find any harmful software that could be causing your scrolling problems.
If the option it set to ON, it means Caret Browsing feature is enabled in your browser and the Arrow keys will navigate inside the text on webpages. If the option it set to OFF, it means Caret Browsing feature is disabled in your browser and the Arrow keys will scroll the webpages. To fix the issue, disable the option and that’s it.
Use both your fingers to scroll within the frame. To scroll around on a webpage, you may need to turn your finger up, down, or sideways. If scrolling is not working on your iPhone, you may have your voiceover turned on. Here are a few steps to fix this problem:
You should change overflow:hidden to overflow:scroll in your body css properties
128
overflow is hidden on your body, change it to scroll
body {
height: 1360px;
width: 100%;
margin: 0;
padding: 0;
overflow: scroll;
}
As others have noted, the issue is overflow:hidden on the body element. I'd recommend changing it to overflow:auto instead.
Looks like that particular style isn't in an external style sheet - I'd also have to recommend moving it (and the others in your <head> section) to your style.css file.
Additionally, I'd say lose your inline width and height declarations on #wrapper, #mask, and .item. They made my page stop oddly (I have a pretty large screen).
35
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
