Движение картинки при прокрутке страницы вниз.

Автор Тема: Движение картинки при прокрутке страницы вниз.  (Прочитано 3076 раз)

Оффлайн WebHopeАвтор темы

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 13
  • Сообщений: 75
  • Карма: 9
  • Пол: Мужской
  • Не Грусти!
    • Гитарное место

Оффлайн WebHopeАвтор темы

  • Пользователь
  • **
Всем привет. С другом решили сделать сайт на Joomla, о нашем любимом хобби. Можно ли как-то сделать, чтобы при прокрутке страницы фоновая картинка, так же как и меню, ехала вниз или вверх?
Вот страница для примера http://guitar-place.ru/tsuatsatsa/33-3333.html
No one as lucky as us!


Оффлайн Seoboss

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 1
  • Сообщений: 173
  • Карма: 0
  • Белое SEO
    • Фильмы по Боксу

Оффлайн Seoboss

  • Постоялец
  • ***
position: fixed;

Оффлайн WebHopeАвтор темы

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 13
  • Сообщений: 75
  • Карма: 9
  • Пол: Мужской
  • Не Грусти!
    • Гитарное место

Оффлайн WebHopeАвтор темы

  • Пользователь
  • **
Seoboss, Это нужно где-то прописать?
No one as lucky as us!

Оффлайн Seoboss

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 1
  • Сообщений: 173
  • Карма: 0
  • Белое SEO
    • Фильмы по Боксу

Оффлайн Seoboss

  • Постоялец
  • ***
http://htmlbook.ru/css/position

Оффлайн submaster

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 22
  • Сообщений: 93
  • Карма: 7
    • Любые ответы на любые вопросы

Оффлайн submaster

  • Пользователь
  • **
Seoboss, Это нужно где-то прописать?
В каскадных таблицах.
Вам наверное вот сюда: http://htmlbook.ru/content/ispolzovanie-sloev

Самый верхний слой DIV
Позиция fixed;
Фон слоя: картинка;


Оффлайн WebHopeАвтор темы

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 13
  • Сообщений: 75
  • Карма: 9
  • Пол: Мужской
  • Не Грусти!
    • Гитарное место

Оффлайн WebHopeАвтор темы

  • Пользователь
  • **
submaster, не разбираюсь в этих делах я.
Я добавил в сюда <div class="uk-width-1-1 tm-sidebar-wrapper uk-hidden-medium uk-hidden-small" style="min-height: 5368px; position: relative; background-position
строку background-attachment: fixed; после ссылки на картинку фона. Стало получше но все ровно не так как хочется.
No one as lucky as us!

Оффлайн submaster

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 22
  • Сообщений: 93
  • Карма: 7
    • Любые ответы на любые вопросы

Оффлайн submaster

  • Пользователь
  • **
А как хочется?

Оффлайн WebHopeАвтор темы

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 13
  • Сообщений: 75
  • Карма: 9
  • Пол: Мужской
  • Не Грусти!
    • Гитарное место

Оффлайн WebHopeАвтор темы

  • Пользователь
  • **
Типо такого http://sticky01.blogspot.ru/2013/09/2.html , ток чтоб у меня это была фоновая картинка в меню
No one as lucky as us!

Оффлайн submaster

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 22
  • Сообщений: 93
  • Карма: 7
    • Любые ответы на любые вопросы

Оффлайн submaster

  • Пользователь
  • **
Понял. ))
Так то JS - джава скрипт. Так своруйте из примера?!   :D   (я про http://guitar-place.ru/tsuatsatsa/33-3333.html)

А так в меню закладываете слой:

<div id='menu'>
  <div id='fon' style='position: fixed;background-img:url('.........')'>
       <div id='menu'>
              весь фарш из вашего меню
       <div>
  </div>
</div>

Но, если хотите красиво и плавно, как в первом примере, то воруйте. ))


Оффлайн darkghost

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 7
  • Сообщений: 51
  • Карма: 2
    • Разработка эффективного сайта

Оффлайн darkghost

  • Пользователь
  • **
оно то собственно так и делается - 'position: fixed;background-img:url('.........')
Но не проще ли отыскать шаблон для Joomla, установить и воплощать свое желание в реальность на готовом решении?
Блог - Все для создания сайта


 

Похожие темы

  Тема / Автор Ответов Последний ответ
1 Ответов
2538 Просмотров
Последний ответ 02-08-2011, 22:51:42
от ssergik
3 Ответов
1386 Просмотров
Последний ответ 14-10-2011, 13:19:29
от webuser
0 Ответов
3149 Просмотров
Последний ответ 24-05-2012, 18:09:08
от Clever
2 Ответов
1028 Просмотров
Последний ответ 06-10-2016, 17:09:36
от Ed.VR
2 Ответов
595 Просмотров
Последний ответ 09-09-2018, 10:29:12
от kain114