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 'affix' on navbar breaks the right margin

Hi guys I'm learning bootstrap by doing a personal webpage. I've created a navbar with the affix option but when scrolling down the right margin seems broken. Can You help me to figure out why? Thanks in advance, here's the code:
Pasq
  • 45
  • 8
0
votes
1 answer

Css Bootstrap affix menu is not showing auto scrollbar on my MacBook Pro

I have a website where I am using an css bootstrap affix menu. Due to the length of my menu, I need to add an automatic vertical scrollbar when the screen is not long enough. I added the a class named scrollspy-y-fix on both container ul element…
Junior
  • 11,602
  • 27
  • 106
  • 212
0
votes
0 answers

Issue with navbar affix in angularjs

I'm trying to create a webpage using angularjs . I want a navbar which is fixed . I don't want to use the bootstrap navbar-fixed-top. I want to go with affix. I tried with the bootstrap affix ,but it didn't worked as expected .Bootstrap affix works…
dockerrrr
  • 277
  • 1
  • 5
  • 17
0
votes
3 answers

Bootsrap Affix not working

I have added the library for Bootstrap and data-spy attribute where I want to make the div fix when I scroll the page down. But it doesn't work, I have almost tried everything, but not able to figure out the problem. Is is something like the…
Yash Jain
  • 195
  • 4
  • 9
0
votes
0 answers

Bootstrap affix smooth scroll

I have been working on bootstrap scrollspy (affix) and it worked fine. I added a script for a smooth movement whenever you click sections. But it doesn't seem to be working properly. When you click "section3", it's not move section3. When you…
pulla
  • 153
  • 1
  • 9
0
votes
1 answer

Fixing Bootstrap Affix to near standing column

Appreciate if you can help me. I have several bootstrap rows, and one of them contain 2 columns - left for the scrollable text, and right for the description fixed by affix. Right column must be shown when I scroll down to the top of left column and…
crcerror
  • 119
  • 3
  • 16
0
votes
1 answer

Bootstrap Progressbar Affix works but remains under all other components

Desired result: I use a progress bar that I would like to keep visible when scrolling down. Action taken: I used Affix on the entire section containing the the progressbar components. Current result: It seems to work, but the scrollbar is under all…
AJN
  • 1,196
  • 2
  • 19
  • 47
0
votes
0 answers

Bootstrap Affix overlapping submenu

I trying to add affix to a menu and a sidebar to fix their position on scroll down. My menu has a submenu which are overlapping the sidebar on normal position. After adding affix, the sidebar overlapping always the submenu if page is scrolled…
vandango
  • 567
  • 1
  • 4
  • 13
0
votes
1 answer

bootstrap affix does not behave in Safari same as in other browsers

The nav sticky at the top of the page without scrolling. It happens only in Safari browser. Demo http://codepen.io/anon/pen/PGqxKa $("#myNav").affix({ offset: { top: 0 } }); .jumbotron { margin-bottom: 0; } .navbar { …
Mo.
  • 26,306
  • 36
  • 159
  • 225
0
votes
1 answer

Random movement of a well with Bootstrap affix with Aurelia

I am trying to get a well to affix to the correct location. I got a codepen sample of it working without issue. http://codepen.io/anon/pen/Egaqxb bootstrap.css, bootstrap.js and jQuery were added as library dependencies to the above codepen.
Kevin Vasko
  • 1,561
  • 3
  • 22
  • 45
0
votes
1 answer

Bootstrap nav menu does not scroll/affix after jQuery load

I am using jQuery to empty a div, then load a php page into the emptied div: $("#main-container").empty(); $("#main-container").load("blog.php"); Everything works except for the Bootstrap side scrolling nav menu (included in blog.php) which affixes…
w4ffle
  • 5
  • 2
0
votes
1 answer

Using Boostrap Affix incorrectly, resulting in page flicker

I am trying to use Bootrap Affix to change the CSS position property of my map to fixed -- once the user to scrolls the page up to a certain point. The idea is to make my map "sticky CSS" content, using the Bootstrap data attributes. See JSFiddle…
CCantey
  • 306
  • 1
  • 14
0
votes
0 answers

Sticky/affix headers in Ionic Angular

I am trying to implement a form in Ionic and Angular. The form is made up of several sections,each section having a title and some content. I want that when one section is active, its title to be fixed as a header,even if you scroll down, until no…
flaviumanica
  • 195
  • 1
  • 4
  • 14
0
votes
0 answers

Affix: how to show always icon when second navbar goes on first navbar

I have 2 navbars: the first is fixed at the top of page, the second navbar is after header and image. When I scroll down the page I would like second navbar goes on first navbar (and this works now) but the icon's world (blue) is the problem, I…
Straw
  • 1
  • 1
0
votes
2 answers

Bootstrap Affix Not Moving

I'm trying to make the navigation sidebar on my website move down with the browser view via Bootstrap's Affix plugin however it refuses to follow the view and just stays at the top. This is the structure I have for my HTML:
…
Liam Potter
  • 1,732
  • 8
  • 24
  • 47
1 2 3
…
14 15