https://getbootstrap.com/docs/3.3/javascript/#affix
usage:
<div data-spy="affix" data-offset-top="60" data-offset-bottom="200">
or
$('#myAffix').affix(options);
Questions tagged [bootstrap-affix]
14 questions
17
votes
3 answers
bootstrap affix plugin memory leak
These lines in the bootstrap affix plugin seem to cause a memory leak because the window gets a reference to the affix instance that's never released.
As a workaround I'm using this code to release the references when removing the affixed element…
Jeremy Danyow
- 26,470
- 12
- 87
- 133
13
votes
1 answer
Bootstrap affix not working with bootstrap class
I am relatively new to bootstrap and trying to design my page with bootstrap affix. Here in code When I removes my col-lg-6 class from that is located inside affix targeted div it works perfectly fine but it doesn't work with given bootstrap class…
Nimesh
- 794
- 3
- 8
- 18
2
votes
2 answers
How to make a footer div push an affixed div up when you get to the bottom of the page
I am trying to mimic the layout of this search results page. I have everything working using bootstrap affix, except for the footer. When you scroll to the bottom in the example that I have linked, the footer pushes up the map div. That is the part…
MrB
- 93
- 2
- 8
2
votes
0 answers
Bootstrap-affix pausing scrollwheel functionality in chrome
I am trying to implement a bootstrap affixed navbar. Everything seemed to be functioning as expected, however a strange issue is occurring in google chrome. When you scroll by the navbar in such a way that one of the mousewheel events fires on the…
Alan Swartz
- 21
- 1
1
vote
0 answers
Unexpected behavior of JS Affix - how to force div column to stay fixed width?
I am trying to use JS Affix to keep 2 blocks in a sidebar column staying fixed on the page.
Upon scrolling, the width of the sidebar is expanded a bit and the expanded portion overlaps the main body column.
I have tried manually setting div widths…
Brian
- 561
- 5
- 16
1
vote
1 answer
Xamarin.forms - "Affix" StackLayout when scrolling
I'm trying to make the effect "affix" from bootstrap. When the user scroll the page, I want StackLayout to stop at the top of his parent.
Is there any way to do so?
Here's what I'm asking (I'm using Parallax effect on this example):
[
Thanks.
Kevin Silva
- 23
- 7
1
vote
1 answer
Click Action Throwing Off Affix Plugin
I'm using the bootstrap affix plugin (3.3.7) to affix a set of buttons. The problem I'm having is that the click event is throwing off the affix plugin. To test this, I have the following:
$("#MainSpySection")
.on("affix.bs.affix", function (e) {
…
Brian Mains
- 50,520
- 35
- 148
- 257
1
vote
1 answer
Bootstrap Affix triggered once past certain div
I'm trying to get the bootstrap affix top offset to work without using the number of pxiels, but by triggering it after it goes past a certain div. I've got the affix to stop being triggered once it gets to the bottom, but I'm having an issue…
probablybest
- 1,403
- 2
- 24
- 47
0
votes
1 answer
how to absolute button when it reach footer Bootstrap Affix
I have created a button in the right bottom of screen and footer in bottom of the screen and i have make the button it position: fixed I want to change position to absolute on scrolling down reach the footer
my css:
.affix-top {
…
mohammmeden
- 33
- 4
0
votes
1 answer
Reset bootstrap affix position on click
I have a special situation where I am trying to use affixes. So on the left side, I have navigation and on the right side, I have content. Navigation is a lot longer than content so I want to use affix on the content so that will always be visible.…
ABoooo
- 161
- 1
- 3
- 15
0
votes
1 answer
Wrong behavior on Bootstrap 3 Affix
I want to add to my site based on Bootstrap 3 Affix feature for bottom navigation links. These links fixed on the bottom and added offset for the footer.
But when I scroll to the footer I see the navigation do some small "jump".
All work as need,…
trolik
- 43
- 2
- 10
0
votes
1 answer
Angular 6 Bootstrap Affix
I'm trying to do affix or scrollspy functionality of Bootstrap 4 on Angular 6. However, I trying to find existing libraries. I found this one JonnyBGod's scrollspy but unfortunately, it is still on Angular 5 and also using the rxjs 5. Are there any…
lemoncodes
- 2,371
- 11
- 40
- 66
0
votes
1 answer
Bootstrap Affix fixed position dynamic
I am adding a menu to the side of my page using Bootstrap. I want the menu to stay at the top of the page when the user scrolls past it. I have discovered affix which is in bootstrap.js. However because I am using different col sizes for the screen…
Ryan
- 396
- 7
- 23
0
votes
2 answers
