I need help finding a solution to this issue.
On my website, the results page works perfectly fine until I navigate to a product's details page and then return to the results using the "page before" button. At that point, the overflow becomes hidden, preventing me from scrolling. However, if I refresh the page, everything goes back to normal. I've attempted adjusting various overflow-y values on the body, but it hasn't resolved the problem. This issue only occurs in Safari (I'm currently using version 9.0.3). Is there a way in Javascript or any other method to reset the scrolling functionality?
Thank you for your assistance. If you require more information, please let me know. Benjamin
Additionally, I have included a line in the head section:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">HTML
<div class="results">
search results displayed within foo
<div class="foo">
</div>
</div>
CSS
html,
body {
margin: 0;
padding: 0;
height: 100%;
overflow-y: scroll;
}
.results {
margin-top: -100px;
padding-top: 100px;
padding-bottom: 0px;
margin-bottom: -80px;
min-height: 100%;
position: relative;
margin-left: 200px;
}
.foo {
position: static;
height: 205px;
width: 200px;
display: inline-block;
}