Welcome, Guest
Username Password: Remember me

Menu closes on scroll
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Menu closes on scroll

Menu closes on scroll 3 years ago #21795

  • philler82
  • OFFLINE
  • Fresh Boarder
  • Posts: 10
  • Karma: 0
On the site www.swiss-orienteering.ch/ the menu is too long for some mobile phones (especially when a submenu is expandend) for it to fit onto one screen without scrolling. But wen one scrolls, the menu closes by itself. How can I prevent that?

Thank you,
Philippe

Re: Menu closes on scroll 3 years ago #21796

  • dryabov
  • OFFLINE
  • Administrator
  • Denis Ryabov, Lead Developer
  • Posts: 4867
  • Karma: 105
A tricky case that is hard to reproduce locally. Try to add the following code to the templates/mobile_flat/js/custom.js file:
 
jqm.mobile.resetActivePageHeight = function(){};
 

It should remove some page reflows (the only negative effect is that the footer will not be moved to the bottom of the page during expanding of menu).

Re: Menu closes on scroll 3 years ago #21797

  • philler82
  • OFFLINE
  • Fresh Boarder
  • Posts: 10
  • Karma: 0
Hi Denis

Thanks, I tried it, but I don't think the file gets loaded. Do I need to do something to make it load? You can check by yourself, it's online now.

Philippe

Re: Menu closes on scroll 3 years ago #21798

  • dryabov
  • OFFLINE
  • Administrator
  • Denis Ryabov, Lead Developer
  • Posts: 4867
  • Karma: 105
It's loaded (and fixes some vertical sidebar jumps during expanding of submenus).

BTW, as to accidental swipes that close the sidebar, it's possible to increase a swipe distance from default 30px to 100px (for example) using the following code in the above mentioned custom.js file:
 
jqm(document).ready(function () {
var swipe = jqm.event.special.swipe;
swipe.horizontalDistanceThreshold = swipe.verticalDistanceThreshold = swipe.scrollSupressionThreshold = 100;
});
 

Re: Menu closes on scroll 3 years ago #21799

  • philler82
  • OFFLINE
  • Fresh Boarder
  • Posts: 10
  • Karma: 0
OK, I've set the swipe to 50, as I found 100 is too much for good usability. But to me it seems that accidential swipes are probably not the reason. I'm sure I'm not swiping to the left but often the menu closes, even with the code resetActivePageHeight. I currently can't tell if it really got better or is about the same as before. Please let me know if you know any other way to improve this.

Thanks
Philippe

Re: Menu closes on scroll 3 years ago #21800

  • dryabov
  • OFFLINE
  • Administrator
  • Denis Ryabov, Lead Developer
  • Posts: 4867
  • Karma: 105
I'm able to reproduce the issue by opening all (or most) submenus and using intertia scroll to scroll up to top (or bottom) edge of the sidebar panel.

Could you edit the templates/mobile_flat/js/pageinit.min.js file by removing the second instance of the "resize" word, so that the related code is transformed from
 
...jqm(window).on("pagecontainershow orientationchange resize",function(a){...
 

to
 
...jqm(window).on("pagecontainershow orientationchange",function(a){...
 

Not sure it'll fix the issue, but maybe it will be possible to reproduce the issue in browser's emulator.

Re: Menu closes on scroll 3 years ago #21801

  • philler82
  • OFFLINE
  • Fresh Boarder
  • Posts: 10
  • Karma: 0
I've applied the change to the file. Now the behavior changed a bit. It seems to jump to the page top sometimes, but not close the menu. I'm not sure which behavior I like better As far as I can see, it's still not possible to simulate it in the desktop browser.
Last Edit: 3 years ago by philler82.

Re: Menu closes on scroll 3 years ago #21802

  • dryabov
  • OFFLINE
  • Administrator
  • Denis Ryabov, Lead Developer
  • Posts: 4867
  • Karma: 105
There is one more code to test (append it to the same file):
 
var jqmPanelWidget = jqm.mobile.widgets.panel._proto,
origPositionPanel = jqmPanelWidget._positionPanel;
jqmPanelWidget._positionPanel = function () { origPositionPanel.call(jqmPanelWidget); };
 

Re: Menu closes on scroll 3 years ago #21803

  • philler82
  • OFFLINE
  • Fresh Boarder
  • Posts: 10
  • Karma: 0
Thank you, I've added the code to the custom.js file. Now that works pretty great! However, I can only scroll when I touch the menu, not anymore when I touch the right side of the menu (the page itself). Do you have an idea for this too?
  • Page:
  • 1
Time to create page: 0.53 seconds

By continuing to use this site you consent to the use of cookies on your device as described in our cookie policy unless you have disabled them. This site will not function correctly without cookies.

I accept cookies from this site.