Home/ Questions/Q 6983417
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T18:24:58+00:00

I have a single-page scrolling website. It uses a fixed-position nav bar with jquery

  • 0

I have a single-page scrolling website. It uses a fixed-position nav bar with jquery to scroll to different sections of the website. The site works fine except for on the iOS (I haven’t tested it on Android). On iOS, after clicking a link, the navigation freezes until you manually scroll up or down. For some reason the link stays active until you scroll. Is this a bug in Mobile Safari? Is there some workaround?

Here’s the basic HTML:

<body>
  <ul class="nav">
        <li><a href="#about">About</a></li>
        <li><a href="#portfolio">Portfolio</a></li>
        <li><a href="#contact">Contact Me</a></li>
  </ul>

<div class = "page" id = "home"> </div>

<!-- About -->
<div class = "page" id="about">
<div class="pagebreak"></div>

</div>

<!-- Portfolio -->
<div class = "page" id="portfolio">
<div class="pagebreak"></div>

</div>

<!-- Contact Me -->
<div class = "page" id="contact">
    <div class="pagebreak"></div>
</div>
</body>

Here’s the actual site if you would like to see the problem: http://boundincode.com

BTW, I don’t think this is a jquery or javascript issue because even if I remove the javascript and the jquery, the problem persists.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’ll add another answer since it’s completely separate from my original one.

    Since you need a temporary workaround, you might find what you’re looking for in iScroll 4. I’d used it to do what you’re trying to accomplish in pre-iOS 5 days so it might be worth looking into.

    • 0