Как создать HTML-сайт с верхним меню и переходом контента в сторону?

Question

Это сайт, который близок к тому, что я хочу, но должен двигаться в сторону, http://www.culturalsolutions.co.uk/. Я даже не знаю, что искать в Интернете о таком сайте. Но я хочу сделать сайт с меню всегда на вершине, как это, и вместо этого содержание идти в стороне. Также возможно ли встроить блог в область тела, чтобы все было на одной странице? Я просто не хочу, чтобы пользователи переходили с одной страницы на другую, мне нравятся переходы с флэш-сайтов, но они не дружат с ipad: <</p>

Answer 1

Вы можете использовать js и CSS

Демо : http://jsmenu.com/demo/jquerymenu/nagging-menu-with-css3-and-jquery/index.html

Скачать : http://jsmenu.com/download/jquerymenu/nagging-menu-with-css3-and-jquery.zip

Answer 2

Вы можете использовать CSS, чтобы стилизовать нужный контейнер в качестве фиксированного элемента.

#navigation {
position: fixed;
left: 0;
top: 0;
}

И удалить вертикальную прокрутку с помощью:

body {
overflow-y: hidden;
}

Ваш контент в теле может иметьdiv с float: left для горизонтального размещения потока.

ОБНОВЛЕНИЕ: Если подумать, возможно, было бы лучше пропустить overflow-y: hidden и просто использовать float: left.И вам нужно поместить ширину в div, содержащий ваш контент.Смотрите этот учебник

Answer 3

Создайте div с помощью css position:fixed;top:30px;z-index:1000;, чтобы он всегда оставался на вершине

Здесь Z-Index нужно выбрать максимальное значение