Fixed scrolling not working on Mac Chrome or Safari

[Freddie2832]

Hi

I have the ScrollToFixed plugin installed on my Shopify site. In certain instances the plugin fails to work on Chrome or Safari on Mac (it appears to work correctly on Windows).

It is strange as the plugin works on some product pages but not on others.
On this page it is working - https://www.corneliajames.com/products/chloe-lace-gloves
But on this page it isn't - https://www.corneliajames.com/products/arabella-fine-net-glove

Both pages use the same template and I've tested lots of different configurations but I really can't see what could be causing the issue... any guidance much appreciated

Thanks

[vhanahrni]

According to developers.google article

By simply adding position: sticky (vendor prefixed), we can tell an element to be position: relative until the user scrolls the item (or its parent) to be 15px from the top:

.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 15px;
}

At top: 15px, elements that have class="sticky" becomes fixed. (you can even change this value)

You can launch demo.

This could be a good alternative for your shopify site.

[Freddie2832]

Hey

Thanks for your message :)

I'm just copying in Maria who is the developer working on this

Many thanks

Freddie

On Fri, Oct 7, 2016 at 1:47 PM, vhanahrni [email protected] wrote:

According to developers.google
https://developers.google.com/web/updates/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit
article

By simply adding position: sticky (vendor prefixed), we can tell an
element to be position: relative until the user scrolls the item (or its
parent) to be 15px from the top:

.sticky {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
top: 15px;
}

At top: 15px, elements that have class="sticky" becomes fixed. (you can
even change this value)

You can launch demo
http://html5-demos.appspot.com/static/css/sticky.html.

This could be a good alternative for your shopify site.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#224 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AViNu61EvSsIoqtULSaQEdeG77f8_xSfks5qxj9LgaJpZM4KMIMR
.

M 07725 799311

Cornelia James Ltd
www.CorneliaJames.com