2

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:

https://www.youtube.com/watch?v=aKwLVwIMrpM

  • Can you reproduce it in Chrome, simulating a mobile view? Are there any hints about what's happening in the developer console of Chrome? – hey Mar 12 '19 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. – xdev Mar 12 '19 at 13:02
0

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;
            }
       }
}

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.