Return to previous page

Sticky Sections Scroll not Smooth - by Rishikesh

This topic has 4 replies, 2 voices, and was last updated 3 years, 2 months ago ago by Olga Barlow

Rishikesh

Participant

September 9, 2021 at 19:32

Hi,
After selecting the sticky option for a section, the scrolling does not occur smoothly.
My guess is it is because the sticky feature is not implemented using CSS.
Can somebody please help? I have provided the url to the product page in which the image section and Add To Cart sections are sticky.

#301821 Copied Theme version: 4.0.6

3 Answers

Olga Barlow

Support staff

September 10, 2021 at 12:08

Hello,

I checked the product and it’s ok for me https://gyazo.com/06aa5349ab4404678b209fa38a84d22e
What browser do you use? Could you, please, provide video of the issue from your side?

Regards

#301869 Copied

Rishikesh

Participant

September 12, 2021 at 16:21

It’s not ok, the positioning is done through js, using relative positioning.
We would like to have it sticky as mentioned in the interface (CSS implementation preferred).

I am sharing the details via a link.

https://gyazo.com/39666290fe5091a56f722bc053e9ad62
– My website (look for errors at the endpoint while scrolling through trackpad or mouse, not scrolling.) (Upon inspecting the left column is relative to the middle section, hence the top changes)

https://gyazo.com/19da51a74e20012530221dd07c802f1e
– Amazon (Positioning is sticky, implemented via css)

#302040 Copied

Olga Barlow

Support staff

September 13, 2021 at 13:23

Hello,

It’s not possible to implement a sticky section for a single product with CSS only because height of the sections is different for the different products + you have 2 sticky sections, not only one for your product and the script should calculate when to start scrolling and when to stop that.

Regards

#302089 Copied
Viewing 4 results - 1 through 4 (of 4 total)