In the product view page when I scroll down a little bit, sometimes (very often) the page scrolls to the top.
This is the effect of the scroll up:
2
-
Can you reproduce it in Chrome, simulating a mobile view? Are there any hints about what's happening in the developer console of Chrome?– heyCommented Mar 12, 2019 at 1:58
-
no, I can't reproduce it in desktop chrome simulating a mobile device, it behaves normally, I don't know whether it happens also on a real apple device but I tried both Xiaomi and Samsung physical phone.– bobCommented Mar 12, 2019 at 13:02
Add a comment
|
2 Answers
The issue was on the top of the two element of the fotorama widget: .fotorama__active .fotorama__img
They have top: 0 and position: absolute, so when chrome topbar shows/hides, the page suddenly jumps to the top.
I solved the problem extending the following css:
@media @mobile {
.catalog-product-view {
.fotorama__stage__frame.fotorama__active {
position: static !important;
}
.fotorama__stage__frame .fotorama__img {
position: static !important;
transform: initial !important;
}
}
}
Although above answer works perfectly fine, still curious to see if it can be done with anything transformation related css on gallery.css.
Seems to be default issue of fotorama library. Just got to know that this will be fixed on next release as per this.
answered Jan 12, 2021 at 5:33