Product view page scrolls up randomly on mobile deviceProblem with products image or view. Unable to see the product but when the cursor is hovered it appearsMagento 2 - Category or product page return 404 sometimes for multiple store viewMagento 2.1 mobile product page doesn't scrollGet product videoAfter add product to cart page goes to top issueProduct view eventDisplay javascript calculated final price with quantity in products detail page alreadyHow to change product price when custom option dropdown selected in view page magento 1.9.1Can not scroll image in mobile device for product pageMagento 2 breadcrumbs issue on product view page?
Multi tool use
Why is Beresheet doing a only a one-way trip?
Force user to remove USB token
Offered promotion but I'm leaving. Should I tell?
How do I deal with a powergamer in a game full of beginners in a school club?
Extra alignment tab has been changed to cr. } using table, tabular and resizebox
Upside Down Word Puzzle
Does "variables should live in the smallest scope as possible" include the case "variables should not exist if possible"?
How do you like my writing?
What is the chance of making a successful appeal to dismissal decision from a PhD program after failing the qualifying exam in the 2nd attempt?
What does the “word origin” mean?
Can't find the Shader/UVs tab
Are babies of evil humanoid species inherently evil?
BitNot does not flip bits in the way I expected
What are some noteworthy "mic-drop" moments in math?
Unreachable code, but reachable with exception
If the Captain's screens are out, does he switch seats with the co-pilot?
Why does the negative sign arise in this thermodynamic relation?
Accountant/ lawyer will not return my call
A three room house but a three headED dog
Space in array system equations
How do I locate a classical quotation?
PTIJ: Why can't I eat anything?
Best approach to update all entries in a list that is paginated?
Why is this plane circling around the Lucknow airport every day?
Product view page scrolls up randomly on mobile device
Problem with products image or view. Unable to see the product but when the cursor is hovered it appearsMagento 2 - Category or product page return 404 sometimes for multiple store viewMagento 2.1 mobile product page doesn't scrollGet product videoAfter add product to cart page goes to top issueProduct view eventDisplay javascript calculated final price with quantity in products detail page alreadyHow to change product price when custom option dropdown selected in view page magento 1.9.1Can not scroll image in mobile device for product pageMagento 2 breadcrumbs issue on product view page?
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
magento2 product
asked yesterday
xdevxdev
335
add a comment |
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
magento2 product
asked yesterday
xdevxdev
335
Can you reproduce it in Chrome, simulating a mobile view? Are there any hints about what's happening in the developer console of Chrome?
– where
yesterday
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
13 hours ago
add a comment |
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
magento2 product
asked yesterday
xdevxdev
335
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
magento2 product
magento2 product
asked yesterday
xdevxdev
335
asked yesterday
xdevxdev
335
asked yesterday
xdevxdev
335
asked yesterday
xdevxdev
335
asked yesterday
xdevxdev
335
335
Can you reproduce it in Chrome, simulating a mobile view? Are there any hints about what's happening in the developer console of Chrome?
– where
yesterday
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
13 hours ago
add a comment |
Can you reproduce it in Chrome, simulating a mobile view? Are there any hints about what's happening in the developer console of Chrome?
– where
yesterday
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
13 hours ago
Can you reproduce it in Chrome, simulating a mobile view? Are there any hints about what's happening in the developer console of Chrome?
– where
yesterday
Can you reproduce it in Chrome, simulating a mobile view? Are there any hints about what's happening in the developer console of Chrome?
– where
yesterday
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
13 hours ago
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
13 hours ago
add a comment |
1 Answer
1
active
oldest
votes
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;
answered 11 hours ago
xdevxdev
335
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f265376%2fproduct-view-page-scrolls-up-randomly-on-mobile-device%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
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;
answered 11 hours ago
xdevxdev
335
add a comment |
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;
answered 11 hours ago
xdevxdev
335
add a comment |
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;
answered 11 hours ago
xdevxdev
335
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;
answered 11 hours ago
xdevxdev
335
answered 11 hours ago
xdevxdev
335
answered 11 hours ago
xdevxdev
335
answered 11 hours ago
xdevxdev
335
335
add a comment |
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f265376%2fproduct-view-page-scrolls-up-randomly-on-mobile-device%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Ipf,LO OgK3HZlcf Wbe40 FXtKzjUthDdXz4ARHoiWLdNyC3TH9
Can you reproduce it in Chrome, simulating a mobile view? Are there any hints about what's happening in the developer console of Chrome?
– where
yesterday
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
13 hours ago