startbootstrap / startbootstrap-scrolling-nav Goto Github PK

I cannot get the 100% height to work in a section, this worked brilliantly using the previous version of bootstrap but I cannot get the 1005 height to be the height of the browser window.

active class not work for me. it is not adding active class

Whan you are on the top of the page and click to link with href="#page-top" and then scroll, the page jumps few scrolls around top position. After that scolling start correctly.

Edit: This problem occurs on the top of every position. So when you are on the #intro for example and click to href="#intro" and try to scroll, the page is not scrolling for some firsts wheel scrolls.

I am trying to stop the div when it reaches 50px from the top. It works while I made the change on scrollTop: $($anchor.attr('href')).offset().top - 50 but the active state on navigation doesn't change. It only change if I scroll that 50px too. Please help.

When I click on my first menu link it doesn't show as being active but when I click on my second menu link the first shows as active, can anyone help please?

The date has been outdated in the License and in the README as well. I am adding a PR correcting those. Please check that out.

hapijs / hoek suggested update to hoek ~> 4.2.1

Any plans on making this adjustment? I'm not a heavy developer and was hoping to not have to deep dive on this. Let me know!

This is a feature request. Could you allow users to hit the back button to get back to where they started?

Need help!

I like this navbar and have been adding galleries and content to the template sections, but suddenly my active state is off by one. Section two indicates you're on section one, section three indicates section two, etc.

What happened?

Does the height of each section cause this problem?

Thanks!

This is perfect and I am using it in my project.

But I need to change the navbar background color to different one. How can I do it in a good way using this..?

I have run npm install it is still not working, please help I have Jquery running and no errors

Hi,

First all, I'm really happy to use your demo ! Very nice.

But I have a problem, when I go to "Services" the hightlighting item is "About" yet.
How to solve the problem ?

Thank you very much

Michemiche

When the sections have nontrivial content, their contents seem to overlap on my iphone 7. Is there an easy solution in bootstrap? Thank you

Usually issues should have separate tickets, but all of these issues are likely in the same scope. Will create separate issues if requested to do so.

Using iPhone 6S with latest OS.

1. Hamburger Button fails to change to 'not selected' state

Steps to recreate issue:

1. Click hamburger button
2. Click hamburger button again and see that button stays "selected"

Note: If you select one of the sections from the drop-down menu, the hamburger button becomes "unselected".

2. Drop-down menu fails to hide after selecting section

Steps to recreate issue:

1. Click hamburger button
2. Select 'About', 'Services', or 'Contact'

3. 'Logo' stays highlighted unless another is selected

Steps to recreate issue:

1. Select 'Start Bootstrap'
2. Slide vertically to new section

1. Select hamburger button
2. Select logo
3. Do anything except tap another item

I'd 3 is super tertiary, but the first two aspects of this issue are problematic.

There should be a dark mode toggle button on top right corner

The project is currently missing the issue templates. If you would like to add them, then I can add a PR including some relevant issue templates. Please let me know what do you think about this.

The active tab works fine it changes to its respective section but during the transition it jitters it becomes active and hidden during the transition which causes it to flicker can you help me with this issue thanks

Hi,
How can I stop the scrolling in a specific page? (that only the current page will appear after I click on the link of the page from menu)

Hi

Is it working with MVC 5 asp.net?

Set the heights of the example sections to min-height: 100% rather than 100% to make the template sections more usable out of the box.

Smooth scrolling not working

If you use the Bootstrap 4 spacing utilities (py-5, pb-5 etc.) on the sections and the header, there will be no need for a separate custom CSS file, making this a pure Bootstrap 4 template.

Example:

<section id="about" class="py-5">
    ...
</section>

It appears to be a bit tricky with the header, however. The spacing provided by py-5 isn't enough, so it'll need to be applied to both header and the container div inside it. And then a few more...

<header class="bg-primary text-white py-5">
    <div class="container text-center py-5">
      <h1 class="pt-5">Welcome to Scrolling Nav</h1>
      <p class="lead pb-4">A landing page template freshly redesigned for Bootstrap 4</p>
    </div>
</header>

This could take a bit more utility classes to make it look fine on smaller screens, but in the end, the removal of custom CSS is worth it.

When you click on any menu item and then scroll, the focused item is still the clicked. Maybe would be better to loose the focus from menu item after scroll.