Как изменить полосу прокрутки?

3 ноября 2014 г. Просмотров: 832
Сейчас иметь свой сайт уже не роскошь, а скорее необходимость. Это одно из самых эффективных, а главное доступных средств рекламы. Даже новичку под силу сделать простой сайт. Что касается порталов более профессионального уровня с интерактивными элементами, расширяющими их возможности, например, такими как полоса прокрутки, то требуется чуть больше знаний, чтобы создать что-то подобное.

Инструкция

  • Принимайте правильное решение. Полоса прокрутки должна появиться на вашем сайте только в том случае, если это продиктовано необходимостью создать пользователю дополнительное удобство, а не исключительно вашими желаниями. Создайте макет страницы, на которой вы собираетесь разместить полосу прокрутки. Выберите для нее подходящее место.
  • Сделайте жесткую привязку скролла (так еще могут называть полосу прокрутки) к какому-то конкретному элементу страницы. Это может быть текстовое поле, представляющее собой ниспадающий список. Рассчитайте место «парковки» полосы в пиксельном и процентном соотношении. Это вовсе не будет трудно, если страница четко структурирована.
  • Добавьте стандартный код полосы прокрутки между тегами body. Если вы не знаете о чем идет речь, скачайте любой учебник по html верстке. Там будет четко описано, как написать такой код. Лучше всего для таких случаев иметь под рукой готовые шаблоны аналогичных сайтов, чтобы можно было взять оттуда какие-то отдельные элементы программного кода, что значительно упрощает жизнь. Итак, вы нашли код. Расположите его либо непосредственно в самом коде страницы либо приложите его в таблицу css, что значительно проще, но в том случае, если вы меняете не одну, а все страницы сайта.
  • Задайте цветовые параметры полосе, иначе она будет стандартного серого цвета, который, скорее всего, не впишется в дизайн сайта. Эти параметры задаются в такой же очередности, как и для любого другого графического элемента страницы. Протестируйте скролл в нескольких браузерах, например, Мозиле, Опере и Эксплорере. Если в каком-то из них он не работает, исправьте ошибки программного кода.
  • Задайте параметр высоты сайта равным 75%, тогда программный код для скролла будет внесен автоматически. Но вам все равно нужно изменить полосу прокрутки, а конкретно - ее графические параметры. Это описано в предыдущих пунктах.
  • Оцените статью!