scrollspy Questions

3

I want to use Bootstrap ScrollSpy with multiple nav, my main nav and a vertical subnav. I tried multiple thing like : <body data-spy="scroll" data-target="#main-nav #subnav"> <body data...
Twilley asked 28/5, 2014 at 17:26

3

I want to implement a scrollspy without the bootstrap. I have checked a lot of code online, all of them are implemented by jQuery. How to implement the scrollspy only with the power of React?
Hostel asked 24/2, 2018 at 19:20

6

Solved

Does anyone know how to use scrollspy without using bootstrap? I am trying to get this to work in one of my projects using this repository: https://github.com/sxalexander/jquery-scrollspy but it ...
Homeward asked 20/5, 2015 at 11:27

2

I'm making a one page website and I'm trying to get the navbar links to reflect what section of the page you're on. I've tried using it through HTML with no success. I had this code on the contain...
Peshitta asked 10/1, 2019 at 23:38

3

Solved

I am using Bootstrap 4.0 to create a simple landing page and using ScrollSpy in this page but I am not able to make it work, it does not changing the active menu items. index.html - <body> ...
Lauer asked 2/9, 2017 at 9:12

1

Solved

I'm having a problem with Bootstrap Scrollspy component. I'm using a sticky-top navbar and when the nav button is clicked it scrolls to the correct element; But the problem is that the sticky nav...
Headon asked 9/5, 2020 at 2:9

3

Solved

The navbar works as well as the smooth scroll, but I can not change the offset. My nav is 86px but no matter how many px I change it still goes to the same place. $(document).ready(function () { ...
Strategy asked 12/6, 2016 at 2:1

4

Solved

I am trying to get scrollspy to work when using an absolute url rather than an # anchor link. For example, I can easily run scrollspy by using only <a href="#section1"></a> I would li...
Circumnutate asked 14/1, 2014 at 6:38

3

I'm trying to get Bootstrap's scrollspy to work reliably on a responsive site on which the top navbar's height changes according to the width of the media/browser. So instead of hardcoding the offs...

2

I'm trying to implement scrollspy in Angular 4. I've imported jQuery and Bootstrap.js in .angular-cli.json file. Its not giving any error in the console. However active class is not getting applied...
Massif asked 2/8, 2017 at 10:27

3

Solved

I want to add Scrollspy support to the nav-menu, for that I have to add extra attributes data-spy="scroll" data-target=".navbar" to the body tag. Can I do that pragmatically without touching theme...
Illogicality asked 1/9, 2017 at 15:26

6

Solved

I have created and exact fiddle of my problem here for testing: http://jsfiddle.net/aVBUy/7/ The issue is, when I click on navbar items, I have a script which scrolls to the element id. And I am u...
Neogothic asked 26/7, 2013 at 11:11

3

Solved

UPDATE: To clear up some confusion I added a fiddle that demonstrates how it is supposed to work, but it is just missing the scrollspy: https://jsfiddle.net/kmdLg7t0/ How can I add the scrollspy...

2

Having a bit of a problem here mixing two elements! I'm sure you have seen the technique before. A sticky navbar that lives beneath the feature area which then sticks to the top of the page when t...
Jolly asked 16/7, 2013 at 9:41

2

Solved

I have seen the left hand ScrollSpy example on the bootstrap page: http://twitter.github.io/bootstrap/2.3.2/javascript.html#scrollspy But they don't have any example code of how to get the same s...
Edlin asked 20/7, 2013 at 7:46

1

I've implemented Bootstrap 3.0's scrollspy as follows: <nav id="navProposalPreview"> <ul class="nav navbar-nav"> <li class="active"><a href="#previewTitlePage">Title Page...
Moya asked 10/6, 2014 at 16:14

2

Solved

We are using the twitter bootstrap scrollspy on a sidebar ul/il list, this works great. We do however also use smooth scrolling when clicking the links in the sidebar. This causes the scrollspy to ...

2

Solved

I am using Bootstrap 3. I want to recreate the same functionality as the sidebar in the documentation on the Bootstrap site. Below is my code, and it is also here: http://bootply.com/82119 Two pr...
Dealing asked 20/9, 2013 at 10:5

1

Solved

This is for a single page, with a navbar that links to local anchors only. The navbar comes after a header, but sticks to top when scrolling down. You can see how it works on github pages But I'v...
1

© 2022 - 2024 — McMap. All rights reserved.