Как разместить ссылку внизу окна просмотра при загрузке первой страницы?

Question

Как разместить ссылку внизу окна просмотра при загрузке первой страницы?

0

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

Есть идеи, как это сделать? Решение CSS или jquery в порядке.

Garry Pettet 15 апр. 2014, в 00:17

Источник

2

Попробуйте использовать Dev Tools или Firebug и просто посмотрите, что они сделали для достижения этого эффекта? Похоже, простое абсолютное позиционирование.
sbeliv01 14 апр. 2014, в 22:04

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

Попробуйте использовать Dev Tools или Firebug и просто посмотрите, что они сделали для достижения этого эффекта? Похоже, простое абсолютное позиционирование.

kei · Answer 1 · 2014-04-14T19-13-00.000Z

Это ссылка в div которая имеет следующий CSS (div):

position: absolute;
bottom: 50px;
left: 0;
width: 100%;
text-align: center;
cursor: pointer;

Важными частями являются position:absolute и bottom:50px

Вероятно, не менее важно, чтобы все его родительские контейнеры были установлены на height: 100% включая элементы body и html .
Хотя это и делает ссылку внизу страницы, она всегда будет прикреплена к нижней части. Вы не можете прокручивать его до содержимого дальше вниз по странице, как видно на примере Dropbox.