Разместите div чуть ниже нижней части окна браузера

Question

Разместите div чуть ниже нижней части окна браузера

0

Какой самый простой способ разместить div прямо под другим div, который занимает всю высоту браузера?

Я пытаюсь настроить навигацию так, чтобы при нажатии ссылки привязки (например, "О нас", "Свяжитесь с нами" и т.д.) Она просто прокручивается до этой позиции привязки на странице.

Таким образом, по умолчанию страница по умолчанию занимает 100% экрана, О нас занимает второй 100% и т.д.

Nolan Perett 03 окт. 2013, в 18:14

Источник

0

Нам нужно знать, как он занимает 100% экрана. Используете ли вы относительное или абсолютное позиционирование и т. Д.?
James Johnson 03 окт. 2013, в 16:12
0

Похоже, кому-то нужен Jquery Scroller и / или Waypoints
Paulie_D 03 окт. 2013, в 16:14

Теги:

html

css

3 ответа

0

Похоже, вы ищете это http://jalxob.com/cool-kitten/

Вот полный список,

http://blog.teamtreehouse.com/open-source-jquery-plugins-for-building-single-page-website-layouts

maximus ツ 03 окт. 2013, в 15:16

0

Попробуйте следующее: http://jsfiddle.net/r8XqV/1/

display block

означает, что ничего не помещать в одну строку. Более того,

clear:both

означает, что вы очищаете оба div слева и div справа. Не требуется для этого случая, но если вы начнете плавать divs влево и вправо, это будет гарантировать, что ваш нижний div всегда будет находиться под ними

mlnyc 03 окт. 2013, в 13:42

Ещё вопросы

Нам нужно знать, как он занимает 100% экрана. Используете ли вы относительное или абсолютное позиционирование и т. Д.?
Похоже, кому-то нужен Jquery Scroller и / или Waypoints

Overcode · Accepted Answer · 2013-10-03T13-27-00.000Z

Сначала сначала.

Вы в основном делаете все divs абсолютно позиционированными, занимая весь экран

div {
    position:absolute;
    width:100%;
    height:100%;
}

Затем вы можете просто сделать каждый div полным экраном сверху.

#div1 {
    top:100%;
}

И вы можете использовать 200%, 300% и т.д. Для остальных

Также будьте осторожны с показателями прокрутки. Если вы работаете как сторона с 1 страницей с событиями прокрутки, установите скорость прокрутки так, чтобы она соответствовала пропорциям окна к высоте содержимого.
Круто, это сработало отлично. Спасибо!