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
3
votes
5 answers

Bootstrap Affix Classes Jumping at Bottom

I've managed to get the scrollspy and affix plugins to work just fine, but whenever the user scrolls to the bottom of the page (if using a small browser window) the affix classes start conflicting with another, and the affix jumps between states.…
timmyg
  • 181
  • 1
  • 14
3
votes
2 answers

Bootstrap Affix menu within a pushed column overlaps main content in Safari when scrolling

This might be a bug within Bootstrap itself, but I'm still interested to see if anyone can come up with a fix or at least some help. To jump straight to the issue, open this jsfiddle in Safari and start to scroll down the…
dmandave
  • 95
  • 2
  • 9
3
votes
4 answers

How to prevent jumping in bootstrap affix when window is narrow height?

When search results is few than page height is narrow and affix sidebar is jumping when scrolling. I tryed to make min-height of main container greater then sidebar but it does not look nice. How to disable affix-bottom or work around to prevent…
roza
  • 585
  • 1
  • 9
  • 30
3
votes
2 answers

Bootstrap 3: How to affix after 100% height

I am trying to get my navbar to affix to the top after an intro that is set at 100% height but I am unsure what is the best way to go about doing this? Code: CSS html, body{ height: 100%; min-height: 100%;} .intro {height: 100%;text-align:…
DᴀʀᴛʜVᴀᴅᴇʀ
  • 7,681
  • 17
  • 73
  • 127
3
votes
1 answer

Bootstrap 3 affix navbar becomes transparent and unclickable when scrolling and overlapping content

I'm sure it's very simple but I'm pretty new at Bootstrap and even html/css. I want my navbar to be after my header and fixed to the top when scrolling past it. I got this working, BUT: the navbar becomes transparent and unclickable when scrolling…
user3096342
  • 33
  • 1
  • 4
3
votes
1 answer

Bootstrap affix navbar for single page with scrollspy and page anchors

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've got two offset problems with link/anchors: as long…
thomaslissajoux
  • 93
  • 1
  • 2
  • 6
3
votes
2 answers

How to make an Affixed sidebar navigation with fixed width (Bootstrap)

After several searches on the web, I can't find the solution for my needs. So maybe any of you can helpmeto find the good way to do it. Pretty much, I would like to use Bootstrap to make a template structure similar to this one:…
user2752173
  • 470
  • 1
  • 6
  • 10
3
votes
1 answer

In bootstrap 3.0 affix how to set active class

I have navigation with bootstrap affix and want to change the active li when scrolling. I have tried what ever given in the documentation but couldn't fix it. Could some one help me for fixing it? You can see my page in the url…
Nish
  • 1,067
  • 4
  • 17
  • 37
3
votes
1 answer

Getting Affix to work for nav and navbar

I have some html for a layout for a page for a site for software library my research group made. This is done with bootstrap 3. What I would like to achieve is the navbar that occurs just below the jumbotron to become fixed to the top of the page…
SJWard
  • 3,629
  • 5
  • 39
  • 54
3
votes
3 answers

Attach and detach affixed headers with Twitter Bootstrap

I'm trying to use the affix function to attach a header to the top of the screen, but have it attached only for a portion of the page. It should detach (and scroll up along with the content) when the user scrolls past a certain point. I'm using the…
Josh Stark
  • 131
  • 1
  • 3
2
votes
1 answer

Sticky div that stays at bottom of the page when page is being scrolled

When someone scrolls down our page, at a certain moment a div (with a cta button) comes into view. What i am trying to achieve is that this div, from that moment on, gets 'sticky' and scrolls down with the viewport, at the bottom of the viewport, if…
Danny
  • 95
  • 9
2
votes
1 answer

Bootstrap 3 affix with grid columns

I am using Bootstrap 3 to create a website. I would like to have a navbar that starts just below a banner, and, using the .affix plugin. In this first version of the code, the page scrolls as anticipated. The text in the page scrolls "under" the…
profj
  • 311
  • 3
  • 10
2
votes
1 answer

How to change a Hunspell affix file to allow numbers in words?

OCR programs often mistakenly recognize the capital letter O as a zero or vice versa. For example, they might recognize Over as 0ver or well as we11. I tried to add REP 0 O REP 1 l to the affix file, but it didn't work because numbers are…
Nemo XXX
  • 644
  • 2
  • 14
  • 35
2
votes
2 answers

Is there a better way to ensure that a footer stays at the bottom of a scrollable div whose height is large enough to touch the bottom of the screen?

At the end of my post I provide the layout for the question. I have a layout that has two columns, sort of, a navigation sidebar that is not always open (col0) and a main area (col1) that is always open. The main area displays content. Finally, I…
tacos_tacos_tacos
  • 10,277
  • 11
  • 73
  • 126
2
votes
1 answer

Bootstrap data-offset-bottom

I have a problem with the bootstrap affix data-offset-bottom. Therefore i created a small example to show the problem. The container which is spyed stops at the right position but when scrolling up it…
Yai
  • 21
  • 4
1 2
3
…
14 15