Решение проблемы больших шапок
Все мы любим большие красивые шапки на сайтах. Если шапка красиво отрисована, она привлекает новых посетителей. Встречают ведь, как говорится, по одежке…
Но насколько удобны сайты с большими шапками? Мне кажется что не очень удобно листать их страницы , потому что постоянно нужно крутить колесо мыши вниз, чтобы добраться до контентной части сайта.
Предлагаю свое решение данной проблемы
Автоскроллинг на JavaScript. Суть моего решения такова, что я просто прокручиваю шапку. Но только для внутренних страниц. Учитывая, что большинство новых посетителей приходят на сайт ч-з главную, то шапка на ней должна быть видна, дадим пользователю насладится ею.
Делается автоскроллинг с помощью очень простого jQuery скрипта. Просто вставьте его в любое место html кода (желательно в <head> или сразу после <body>), и задайте насколько пикселов прокрутить вниз.
<script type="text/javascript">
$(document).ready(function(){
window.scrollTo(0,300);
});
</script>
Данный пример будет пропускать первые 300px, таким образом пользователь сразу увидит контент. По моему это отличный способ улучшить юзабилити вашего сайта.
В живую работу скрипта можно посмотреть на моем сайте о рыбалке
Чтобы не включать автоскроллинг на отдельных страницах, естественно нужно делать проверки. Вот пример для MaxSite CMS, который включает автоскроллинг на всех страницах кроме главной
<?
// Автоскроллинг
if( !is_type('home') ){
echo '<script type="text/javascript">$(document).ready(function() { window.scrollTo(0,300); });</script>';
}
?>
«Все мы любим большие красивые шапки на сайтах.»
абсолютно не люблю
значит не все =)
Гм… я не знаю как у кого.. но у меня мужик на картинке со ссылкой «Фотоотчёты» без башки получается при таком автоскроле… как-то некошерно однако
можно было бы для внутренних шапку сделать поскромнее
пример интересен с точки зрения разработки, но на практике, имхо, лучше делать для внутренних страниц другую шапку, меньшего размера.
кроме всего прочего, простого пользователя отсутствие шапки вовсе может сбить с толка. тем более, что у вас в ней стоят поля входа.
не встречались мне такие сайты, можно примеры?
или просто не обращал внимания раньше…
твой будет первым
Я бы предложил дополнение к этому решению: показывать шапку в первый раз и после показа ставить куку. Если при следующем открытии страницы кука уже установлена — прокручивать вниз.
Чтобы в первый раз пользователь (неважно, на какой странице он находится) шапку увидел.
А я бы вообще оставил все как есть! Нафиг её прокручивать? Я вот например на таких прокрутках всегда потом вверх обратно откручиваю, чтобы не теряться в макете. А шапке ни сколько не большая и тем более в ней есть функционал. Это не то, что на моей рыбалке в данный момент.
Евгений, интересная мысль, думаю реализую так.
Mosquito, у тебя наверное монитор большой все отлично видно. У меня в офисе тоже большой, тут все видно, а на ноутбуке постоянно нужно прокручивать чтобы попасть на статью или фотоотчет
[...] элегантное решение вопроса больших красивых хедеров от [...]
я согласен с москито ) все время возвращаюсь наверх от таких прокруток ) , задумка не плохая ) но тут можно и без jQuery обойтись ) или это просто дань моде
window.onload
Евгений, вот пример сайта с разными шапками на главной и внутренних страницах – http://www.otr.ru
Kalian, симпатично
отличное решение! очень пригодиться.
а красивые шапки думаю действительно привлекают. Конечно меру надо знать и тематика сайта тоже должна быть подходящей.
Спасибо за идею, сделал.
Только немного упростил (в смысле «для универсальности»), если у вас главная – index.php то разберётесь что добавить (просто у меня DLE, там нет возможности поставить проверку).
if(window.location.pathname != '/')
{
$(document).ready(function(){
window.scrollTo(0,300);
});
}
Идея инетересная, но всеж должно быть гармонично
…тем более при последующих просмаотрах других старниц пользователь будет пытаться сам прокуртить окно, а тут еще и прокрутка – странновато…
По-моему это не есть юзабилити.
Когда я захожу на сайт и он вдруг сам прокручивается вниз – плохо,Ю складывается ощущение что что-то на сайте не работает, или от пользователя хотят скрыть лаг в шапке ну и т.д.