Stack Overflow
Stack Overflow

Questions tagged [affix]

An additional element placed at the beginning or end of something.

An additional element placed at the beginning or end of a root, stem, or word, or in the body of a word, to modify its meaning. In Twitter Bootstrap it is prepend.

Prepended and appended inputs in BootStrap.

Add text or buttons before or after any text-based input. Do note that select elements are not supported here.

Wrapping an .add-on and an input with one of two classes to prepend or append text to an input.

214 questions
7
votes
2 answers

Overflow of sidebar with Twitter Bootstrap Affix

I'm trying to use the affix plugin by twitter bootstrap but I can't figure out how to constrain it within the parent container, i've created the following example to show my problem: Problem demo: http://www.codeply.com/go/DvcRXkeFZa
John Mellor
  • 2,351
  • 8
  • 45
  • 79
5
votes
3 answers

Wordpress: How to add Attribute to body

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 files?
Sevi
  • 863
  • 4
  • 15
  • 33
5
votes
1 answer

Alternative to Bootstrap Affix

Been working with Bootstrap for a little bit, but am working without it on a new project. Was curious whether anyone knew of an alternative, easy-to-use plugin to Bootstrap's 'affix'. I'm really just looking for an element to go to position:fixed…
Kraemon
  • 51
  • 4
5
votes
2 answers

Twitter-bootstrap 3 affixed sidebar overlapping content when window resized and also footer

I am having problems with an overlapping sidebar when I use affix for bootstrap 3 and resize the window. Is there a way to add some css class so that instead of overlapping the column, the menu affixes to the top? Also the column is overlapping the…
pwiz
  • 193
  • 2
  • 3
  • 13
5
votes
1 answer

Fixed position delayed on IOS

After I tested affix on my website on iPad I find out that it is not working properly and I goggled that it is problem with iOS https://github.com/twbs/bootstrap/issues/11560 and currently there is no easy solution for that. iOS just has problems…
Sergino
  • 10,128
  • 30
  • 98
  • 159
5
votes
1 answer

Twitter Bootstrap: Affix not triggering in single page application

I am doing a Single Page Application and using Twitter Bootstrap. I am trying to use the Affix like so:
When I refresh the page, everything works fine, the bootstrap affix adds a class like so:
changus
  • 763
  • 2
  • 10
  • 25
4
votes
2 answers

Issue with affix bootstrap when the affix div is bigger than content and the window

I have a an issue with affix bootstrap, when the affix div is bigger than the main content and the window. Here, all is ok because there are enough content: http://jsfiddle.net/d8jzenbr/ var headerHeight = $('header').outerHeight(true); / var…
wander
  • 208
  • 1
  • 15
4
votes
1 answer

bootstrap affix-bottom not working

I'm working with bootstrap 3 (current version). I'm trying to create a navigation using the affix-PlugIn. I expect that as long as I'm ABOVE a specific navigation link, then the class of the link is "affix-top" and when I scroll down BELOW this…
Manny_user3297459
  • 519
  • 6
  • 13
4
votes
1 answer

Bootstrap affix scroll issue with IE and Firefox

I have a problem with a sidebar on my website. I'm using Bootstrap affix to make it fixed until the end of the page where it should come up with the rest of the content at a certain point... It's working perfectly fine with Chrome and Safari but…
Dali
  • 267
  • 1
  • 4
  • 15
4
votes
1 answer

Bootstrap 3.0 affix doesn't work when body has overflow-x:hidden

I don't know why but when you have the CSS style overflow-x:hidden on the body element then the affix plugin does not work. It simply refuses to switch between affix, affix-top and affix bottom. I'm guessing it fails to detect or measure the scroll…
Le-roy Staines
  • 2,037
  • 2
  • 22
  • 40
4
votes
1 answer

data-offset-bottom in Bootstrap3 Affix

I want to set "stop" form my affixed element. Example would be voting on http://9gag.com/, it scrolls until its parent container. I'm using affix for this and I found "data-offset-bottom" property (which is not documented much)
CBeTJlu4ok
  • 1,072
  • 4
  • 18
  • 51
3
votes
2 answers

How to fix some divs on top while scrolling using bootstrap?

I am using bootstrap in Angular 2 project and I want to freeze couple of divs(with ids as filters and categories in the code) on top always, while user scrolls down the page. This is the code that I have in jsfiddle here Code Snippet:
Deepak
  • 1,038
  • 4
  • 18
  • 31
3
votes
1 answer

Javascript Affix not a function

I've been working on a in a Bootply sandbox all day and encountered an issue when moving the identical code to a live server. The sandbox is here and the affix works fine: http://www.bootply.com/wu2vXxkt5o# On the live version I get the error and it…
Devanuze
  • 83
  • 2
  • 5
3
votes
0 answers

Bootstrap affix overlaps footer

I'm facing a problem with Bootstrap 3 Affix. When I scroll down the page, the affix overlaps the footer. I've already tried adding "data-offset-bottom" but it seems that the affix jumps to the top and, after that, it doesn't scroll anymore. I put…
MrsHide
  • 33
  • 1
  • 5
3
votes
1 answer

Bootstrap Affix not working after loading more content to page

I have a web application using Bootstrap 3.2 and a menu with the Affix enabled. this works fine in most scenarios except one: I have an image gallery page where images are loaded "on the fly" when the user scrolls down - as soon as any image is…
Christoph Fink
  • 22,727
  • 9
  • 68
  • 113
1
2
3
…
14 15