Public Forums 71,145 posts

[nyanginator Friend nyanginatorJoin date: May 2014Posts: 8Downloads:7Uploads:1 Thanks: 2 Thanked: 1 times in 1 posts]

#868070

Hi, this is in reply to my previous post "Doc Navigation affix-bottom doesn’t work" where Saguaros requested login info.

Basically, Document Navigation sidebar menu isn’t working as I expect. I setup a new test site, since I was working locally before. Thanks again.

[nyanginator Friend nyanginatorJoin date: May 2014Posts: 8Downloads:7Uploads:1 Thanks: 2 Thanked: 1 times in 1 posts]

#868211

Some more information, I realized that the jumpy behavior of the .doc-nav menu seems to happen when the window height is smaller than normal. I’ve been working with F12 (Debug window) open a lot, meaning the height is about half. See attached screenshot, where the .doc-nav menu jumped up to the very top of the document where it shouldn’t be.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#869506

Hi

As I can see the mockup HTML on your site is quite different from the guide here.

Could you update it to be the same like that?

[nyanginator Friend nyanginatorJoin date: May 2014Posts: 8Downloads:7Uploads:1 Thanks: 2 Thanked: 1 times in 1 posts]

#869509

Done. I copied and pasted the HTML exactly as in the tutorial.

Try resizing the window smaller in height (since the text is shorter now) and scrolling. The smaller the window height, the more the problem is apparent.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#870292

We provide a way so that you can add the same navigation menu like our documentation page only, if you want to customise it with resized window, you have to customise it.

P/s: try to test in real device, resizing window sometimes brings incorrect result.

[nyanginator Friend nyanginatorJoin date: May 2014Posts: 8Downloads:7Uploads:1 Thanks: 2 Thanked: 1 times in 1 posts]

#870323

Okay, but the problem still exists without resizing the window. The text just has to be long enough (which would be the only reason to have such a Doc Nav menu anyway). Look again at the page, where I’ve literally only extended the content in each section (otherwise it’s still the same as the Tutorial’s HTML code).

I have:

    $nav.affix({
      offset: {
        top: function () {
          return 200; // replace with your top position to start affix
        },
        bottom: function () {
          return 300; // replace your bottom position to release the affix
        }
      }
    });

So I expect the menu to detach at 300px from the bottom, but it detaches much earlier up top, with barely any scrolling. No window resizing needed.

Any other ideas? Thanks again for your time.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#872866

I don’t know what you customised on your site, you can give it a try with an extension for this kind of navigation in JED

[nyanginator Friend nyanginatorJoin date: May 2014Posts: 8Downloads:7Uploads:1 Thanks: 2 Thanked: 1 times in 1 posts]

#872883

Well, there are no customizations on the test site I sent you. It’s a completely new install with the most recent Purity III Quickstart, so that’s why I was wondering if there was some part of Purity or the Quickstart package that was conflicting with Bootstrap’s normal affix behavior. But I’ll take another look at JED. Thanks!

1 user says Thank You to nyanginator for this useful post

1. Saguaros

[Author]

Posts