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's Affix menu with sub menus

If you take a look at Twitter Bootstrap's Affix menu, then you'll see that it also has sub menu items. They only show when you click on one of the main menu items or when you scroll pass the titles that correspond to the sub menu item I have an…
Vivendi
  • 20,047
  • 25
  • 121
  • 196
0
votes
0 answers

Take CSS style values from other element

I have two entires for a navbar in my custom CSS, one for the bar as it normally is, and one for the affixed version: .navbar { position: sticky; margin-bottom:0; } #menubar.affix { position: fixed; top: 0px; left: 0px; …
SJWard
  • 3,629
  • 5
  • 39
  • 54
0
votes
1 answer

Odd behaviour of affix nav bar in bootstrap3

I've been using bootstrap3 and Jekyll to improve a website. I've made a header.html file for the _include folder that will be included in pages to provide a jumbotron and navbar beneath. This is a link to a copy of the entire folder in case I omit…
SJWard
  • 3,629
  • 5
  • 39
  • 54
0
votes
1 answer

make header image to partially overlap fixed nav bar with working buttons

There are two main elements on the page: 'header image' and 'navbar'. The image overlaps the navbar partially using margin. By default it works fine because of some trick which I don't know. Image ovelaps the navbar but links in navbar are still…
wyzex
  • 1
  • 1
  • 3
0
votes
1 answer

Javascript method call with a new value

I am setting up JavaScript function call on page load: $('.myMenu').affix({ offset: { top: value } }); After some user interaction the value getting changed and at the same time I am calling the code above again…
Sergino
  • 10,128
  • 30
  • 98
  • 159
0
votes
2 answers

Calculating Height of Sidebar Dynamically

I'm trying to work out the algorithm for a fixed div that grows in height (while scrolling) until it's equal to the height of the viewport or div with fixed position relative to another div…
Bobby
  • 6,840
  • 1
  • 22
  • 25
0
votes
1 answer

Bootstrap twitter fixed top smaller navigation menu

Is this even possible via Twitter Bootstrap http://www.usatoday.com/opinion/ When you scroll down, only the menu portion should remain affixed in the top ? If anyone has handy jsfiddle version, it would be really nice.
0
votes
1 answer

Increase padding if and only if section is at top of page

I'm using bootstrap to create a page with a jumbotron top, a sidenav (affix-ed to top) and sections of content that rise to the top when clicked in the sidenav. Functionally, it is all working fine, but positioning the main content needs help. My…
globalSchmidt
  • 1,329
  • 16
  • 28
0
votes
3 answers

Why is main content moving over to navbar using Affix?

Can't seem to figure out how to use Bootstrap Affix feature. http://jsfiddle.net/GUbgF/1/ As soon as Affix adds the .affix class to the navbar, the main content block moves over, thus overlaying the navbar. HTML
Wes Eklund
  • 127
  • 1
  • 10
0
votes
2 answers

How to use Affix with nav in bootstrap?

I want to have a fixed top nav and use twitter affix.
HasanAboShally
  • 18,459
  • 7
  • 30
  • 34
-1
votes
1 answer

Fixing navbar to top on scroll

We are trying to fix the navbar of the page to the top of the viewport as soon as the scroll reaches it, and also, to prevent it from going over the footer. We are trying to do it via affix (Bootstrap plugin) but it doesn't seem to sort any effect.…
user2992527
  • 89
  • 1
  • 4
-1
votes
2 answers

bootstrap navbar container when scroll down navbar fixed top container fluid

I wanna ask some help from you guys with regards of bootstrap navbar container when it scrolls down the navbar fixed at the top and the same time container fluid I provide you also codepen link so you play around Codepen div
jricc russel
  • 61
  • 3
  • 9
-1
votes
1 answer

Display issue with affix nav in mobile view

I have just finished a site for a garage, there is a header with nav under it, and on scroll the nav become fix at the top of the screen. Usually very simple and have had no problems doing this on other sites. However, on this particular project, if…
R Astan
  • 27
  • 6
-1
votes
2 answers

Scollspy and affix on bootstrap

I did an code but the afiz its not appearing on the right side dont kow why, help please? In the css i add it .affix { top:100px; } Just need to know where is the error cuz i couldnt indetify it =\
jlamenza
  • 23
  • 4
-1
votes
3 answers

Twitter Bootstrap affix element width rolling out from parent element borders

I create an panel element and inside his body put another panel element. Than i put to this "inside-panel" an affix plugin and when i scroll down page my "inside-panel" changing size and it not look nice. I wrote an example and put on bootply to…
Doom
  • 133
  • 1
  • 9
1 2 3
14
15