xcflyer

Hi,

The problem:-
When using sticky on a mobile and the user rotates the device, the screen size changes but the sticky still uses the original screen size.

The solution (that works for me):-
I modified (v2.2) sticky-menu-or-anything-on-scroll/assets/js/jq-sticky-anything.js
commenting out lines 150 – 153
added
widthSticky = viewport;

And set the plugin to debug mode. 🙂

I should minifiy and turn debug off, but I can wait for the official release.

You can see it working here: 3dairspace.org.uk

//          widthSticky = $('.sticky-element-original').css('width');
//          if(widthSticky == '0px') {
//            widthSticky = ($('.sticky-element-original')[0].getBoundingClientRect().width);
//          }
		  widthSticky = viewport;

Not sure if this will you. On my website I have some custom code that was loading jquery.js I removed this and found that I had a different problem TypeError: $(...) is not a function

I fixed this by adding the following to my custom code.

var $jmap = jQuery.noConflict();

$jmap(function() {
    <!-- more code here -->
});

No more anonymous functions.

• This reply was modified 6 years, 4 months ago by xcflyer.