jQuery-One-Page-Nav icon indicating copy to clipboard operation
jQuery-One-Page-Nav copied to clipboard

Published 20 hours ago • verified publisher icon davist11

Ipad hightlighting bug

Open se-dev opened this issue 10 years ago • 6 comments

Hello,

i use you plugin in an responsive website. On desktop it worked well, but on ipad is a bug. I have an active class which hightlight the current nav. When i click the first nav link it becomes the class active, when i now scroll down to section 2, nav link 1 and 2 are hightlighted.

  • lorem ipsum
  • lorem ipsum
  • lorem ipsum
  • lorem ipsum
  • lorem ipsum
  • lorem ipsum

sections html: section id="nav1">Lorem ipsum</section section id="nav2">Lorem ipsum</section eg

$('.menu').onePageNav({ currentClass: 'active', changeHash: false, scrollSpeed: 750, begin: function() { //Hack so you can click other menu items after the initial click $('body').append('

'); }, end: function() { $('#device-dummy').remove(); $('.toggle').click(); } });

Can you please help me?

se-dev avatar May 21 '14 10:05 se-dev

Do you have a link to your page?

davist11 avatar May 21 '14 12:05 davist11

http://apps.seurl.de/nordzucker-holding/html/

se-dev avatar May 21 '14 12:05 se-dev

I'm having trouble recreating this problem.

davist11 avatar May 29 '14 20:05 davist11

Hi, i have the exact same problem on ios devices. The first nav link clicked keeps hightlighted on later scroll. Tested on ios 7 on ipad, and ios 6 on iphone, same behaviour.

jere76 avatar Aug 07 '14 14:08 jere76

Having the same problem here. http://cjtremlett.com/

cjtremlett avatar Oct 07 '14 15:10 cjtremlett

I've seen this issue as well. After clicking on a menu item the active class gets "stuck" on the item you clicked. You may have to try it a few times but it's definitely reproducible.

khromov avatar Oct 16 '14 16:10 khromov