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
0
votes
1 answer

Bootstrap Right Sidebar with Affix & Offcanvas

Hello ive been struggling in what seems like years to have a right sidebar both be stuck on larger displays and then go offcanvas on smaller displays. Im nearly there on my test site but i fear that i cant link to it as SE doesnt like links to…
Ross Highet
  • 1
  • 1
0
votes
2 answers

Disable Affix on mobile devices

Hi so I've made a sidebar and have used some javascript to auto update its width relative to its parent but now I want to auto remove the affix completely whenever the window goes below 750px (which I think is the tablet breakpoint in bootstrap). I…
user2072017
  • 91
  • 1
  • 4
  • 12
0
votes
1 answer

Bootstrap sidebar - make fixed depending on scroll position

Please see my fiddle below: https://jsfiddle.net/okiewardoyo/s23v891m/11/ .affix { top: 0; } To make the screen wider, scroll your screen. What I want is, if I scroll, the sidebar become fixed when scrolling reach the bottom of header. Then,…
Okie Eko Wardoyo
  • 97
  • 1
  • 2
  • 11
0
votes
0 answers

Two separate navbars with ScrollSpy?

im building a "one page" website with two different navbars, one for desktop and the other for small screen sizes. The links in both navbars are same, just the appearance is different. My problem is that i havent find a way to scrollspy both of…
Onslow
  • 11
  • 3
0
votes
1 answer

Sidebar offset using .affix and a fixed navbar

So I'm working on a website that has a fixed navbar: http://abnetworksa.rewind9.com/servicios/infraestructura/ Besides the fixed navbar, there's a "sticky" sidebar. This sidebar links are anchors that redirect the user to specific content in the…
Johann
  • 681
  • 3
  • 13
  • 30
0
votes
1 answer

Affixed top navbar covers anchor's content

It's a landing page with fixed navbar and anchors in a content using bootstrap scrollspy and affix. I have added affix on my top navbar via data attributes. Everything is working well, except that affixed top navbar covers top of the content. This…
Alexander Kim
  • 17,304
  • 23
  • 100
  • 157
0
votes
1 answer

Having Issue on Setting Correct Navbar Affix in Bootstrap

Can you please take a look at this demo and let me know how I can affix the second navbar exactly under the first Fixed navbar? I already tried this
Behseini
  • 6,066
  • 23
  • 78
  • 125
0
votes
3 answers

How can i have 2 sticky headers with dynamic height values

I want to create a website with 2 sticky elements on top of the page. A sticky header and a sticky toolbar. I am using bootstrap's Affix for the toolbar and sticky.js for the header. If I use {topSpacing:0} for the sticky header, when it "sticks" it…
kazanakius
  • 40
  • 6
0
votes
1 answer

Bootstrap affix content within pushed column breaks layout in safari at the time of scrolling

Yes, this is some kind of duplicate question posted 1 year ago by someone. I like to know have there any good solutions came for this so far ? Issue for this at github is also closed :( I need a solution for this badly. Please, open my fiddle from…
user1896653
  • 3,247
  • 14
  • 49
  • 93
0
votes
1 answer

What is wrong with this code to affix the top navigation bar?

How do I affix an element? I have searched for weeks and found many tutorials and examples that all either have some java script or say to set data-spy to affix and set data-offset-top to the amount of pixels to scroll before fixing the element. I…
Arnie BB9
  • 3
  • 2
0
votes
1 answer

Bootstrap affix bottom overlay content

I have following css: #stopBtn{ width : 100%; bottom: 0px; } .affix-bottom{ position: absolute; } this is javascript: $("#stopBtn").affix({ offset: { …
LanNguyen
  • 234
  • 3
  • 15
0
votes
1 answer

How to have a popover with affix?

That should be an easy question for Bootstrap experienced users :) I want to have a popover on div element and have the popover affixed. The goal is: when the users scrolls down, if the popover goes out of the screen, it gets a "position: fixed" or…
Réjôme
  • 1,474
  • 3
  • 16
  • 25
0
votes
1 answer

Bootstrap 3 affix offset-bottom behaviour

I am using Bootstrap 3 Affix feature, But cannot figure out how the data-offset-bottom works actually. I have a potentially long main column, and a smaller one which contains an affixed nav. My problem is that the affixed nav might be too long for…
Flo Schild
  • 5,104
  • 4
  • 40
  • 55
0
votes
1 answer

Bootstrap 3: Auto-clip affixed side-nav

I've been playing around with this for some time but couldn't manage to get it working or find a similar question here. Here is the fiddle. We have an affixed side navigation containing a variable number of links. When the number of links get big,…
mrmashal
  • 1,721
  • 18
  • 21
0
votes
2 answers

JQuery not working in Squarespace blog.item

Working on blog.item in Squarespace Marquee Using Affix from Twitter Bootstrap for blog posts, simple plug-in to keep the blog title ( on the left ) position: fixed; until it hits the top of the comments section, then switch to position:…
Sara Mote
  • 236
  • 2
  • 7
1 2 3
…
14 15