Position vs float для достижения такого эффекта

bss

Привет, ребята, Я копирую панель навигации справа от этого веб-сайта: http://www.stikwood.com/

(желтая выдвижная кнопка).

Я не собираюсь выдвигать ее, а сделаю настоящую кнопку для управления отображением контента слева.

Это будет холст и содержимое, соответствующее нажатым кнопкам.

На узких экранах я бы переместил навигацию вниз к кнопке.

Считаете ли вы, что использование свойства Position или float лучше всего подходит для этой работы?

В настоящее время я экспериментирую с позиционированием, и пока все работает нормально, но я хотел бы найти лучший опыт.

Спасибо,

skad1

Я не понимаю, что вы планируете с этим делать, но это будет позиция: исправлена;. Затем, если вы хотите сделать его боковым, вы можете переключить класс, который удаляет/добавляет отрицательное преобразование, левое/правое или поле.

respectiva

Забавно, на днях я подумывал сделать что-то подобное. Это не совсем то же самое, и его можно улучшить. Я добавил речевой пузырь, чтобы он выглядел как их:
http://jsfiddle.net/TX55G/267/

turka

Спасибо, ребята, за вклад, Насколько я провожу исследование, я думаю, что позиция лучше всего подходит для этой ситуации [тест на Chrome и Safari для ios]. Я не собираюсь делать выдвижное и выдвижное меню с щелчком мыши.

Я случайно наткнулся на этот сайт в тот день, когда искал вдохновение для шаблонов проектирования. Мой проект — это настоящее приложение, такое как Skype или что-то еще, что я хочу поместить в браузер.

Есть много кнопок, которые нужно нажимать.

Каждая кнопка представляет собой огромную функцию JavaScript, при нажатии на которую страница взрывается.

Я хочу, чтобы они аккуратно менялись внизу при отображении на более узких экранах. Что-то вроде этого, возможно: http://edankwan.com/experiments/smashing-mega-scene/

msk-electro21

Это фиксированное положение. Вот и все: #contact_module { положение: фиксированное; правильно: 0; верх: 50%; преобразование: TranslateY (-50%) TranslateX (340 пикселей); переход: преобразование 450 мс кубический-безье (0,455, 0,03, 0,515, 0,955) 0 мс; z-индекс: 10; } Вы можете улучшить использование JavaScript для старых браузеров. Надеюсь, я помог.

_lakb

Нет, это действительно не так.

Bootstrap — одно из самых ужасных изобретений, продвигаемых в настоящее время.

Бесконечное раздувание, игнорирование стандартов, неправильное использование и злоупотребление классами, идентификаторами и элементами, а также куча лишнего кода, выполняющего работу, которую должна выполнять примерно десятая часть кода-нарушителя.

Похожие темы	Дата
Злые дизайнеры	19.10.2024, 18:10
В каких программах делается дизайн для сайта?	19.10.2024, 18:10
Категории WordPress с ошибкой 404	19.10.2024, 18:10
Лучший способ подойти к созданию нового веб-сайта	19.10.2024, 18:10
удалить дату для результатов поиска, но показать ее посетителям	19.10.2024, 18:10
любое предложение веб-хостинга и домена в Европе	19.10.2024, 18:10
Отображать элементы HTML рядом друг с другом, а не занимать несколько строк?	19.10.2024, 18:10
Помощь в ведении блога	19.10.2024, 18:10
Контент не распознается с помощью настраиваемых полей?	19.10.2024, 18:10
Как удалить этот эффект наведения со связанного изображения?	19.10.2024, 18:10

Position vs float для достижения такого эффекта

bss

skad1

respectiva

turka

msk-electro21

_lakb

I AM

Интересно