252 Фотография Мисс UK вместе с бигфутом выбрана не случайно. Вы должны помнить, что у любой страницы есть верх и пользователю по разными причинам необходимо каждый раз туда возвращаться. В нашем случае, чтобы еще раз посмотреть на фото).
Обычно, ссылка “наверх” располагается внизу страницы и переносит пользователя наверх текущей страницы. Возмем это за основу и реализуем в сниппете. Как только пользователь прокручивает страницу до конца, внизу появляется ссылка “наверх”. Как только пользователь на нее нажимает, ссылка исчезает и пользователя плавно переносит наверх страницы. Вот и все.
Функционал сниппета очень прост: как только пользователь прокручивает элемент (в нашем случае BODY) до порогового значения, ссылка появляется в поле зрения. Просто, стильно и функционально — определение хорошего JavaScript расширения.
HTML
|
1 2 |
<a href="#top" id="gototop" class="no-click no-print">Top of Page</a> <!-- you could also create this dynamically using dojo --> |
Просто ссылка “наверх”.
CSS
|
1 |
#gototop { visibility:hidden; position:fixed; right:5px; bottom:5px; color:#999; font-weight:bold; text-decoration:none; border:1px solid #ccc; background:#eee; padding:10px; } |
Помните, что элемент нужно спрятать во время инициализации загрузки страницы.
Dojo JavaScript
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
(function(d,$) { d.addOnLoad(function() { var topLink = $('gototop'); d.style(topLink,{ opacity: 0, visibility: 'visible' }); d.connect(window,'onscroll',function(e) { var scrollY = -dojo.position(dojo.body()).y, thresh = 100; /* d['fade' + (scrollY > thresh ? 'In' : 'Out')]({ node: topLink }).play(); */ dojo.anim(topLink, { opacity: (scrollY > thresh ? 1 : 0 ) }); /* more concise, @phiggins */ }); }); })(dojo,dojo.byId); |
Как только DOM готов, мы крадем ссылку, пряча ее через visibility вместо display. При каждой прокрутке элемента body, мы пересчитываем позицию страницы и показываем или прячем ссылку в зависимости от нахождения. Просто!
Веселой прокрутки!
А если вместо ссылки «Вверх» поставить контекст, то это поможет вебмастеру в финансовом плане, ибо вместо того, чтобы подниматься наверху пользователь кликнет по рекламе :)
да)
но потом пользователь просто уйдет с сайта.
Если у вас ГС — хорошо,
если СДЛ — то лучше пользователя не злить)