Как сделать рекламу в блоге виджета html залипающей.

 
Посетитель
small user social cms
Медаль
Сообщений: 171
Так чтобы она при прокрутке вниз до кода залипала в боковой панели, когда идёт прокрутка ниже рекламного блока.
Посетитель
small user social cms
Медаль
Сообщений: 444
Например, так: https://abouolia.github.io/sticky-sidebar/
фаствпс 20-30к/сутки без проблем.
Продвигайся в соцсетях с умом.
Реклама
cms
Посетитель
small user social cms
Сообщений: 411
https://instantcms.ru/forum/thread23234-1.html .
Редактировалось: 2 раз (Последний: 17 октября 2018 в 23:53)
Свободу Юрию Деточкину!
Посетитель
small user social cms
Медаль
Сообщений: 333
Есть один простой способ.
Код PHP:
  1.  
  2. <script type="text/javascript"> $(window).scroll(function() {
  3. var sb_m = 1; /* отступ сверху и снизу */
  4. var mb = 30; /* высота подвала с запасом */
  5. var st = $(window).scrollTop();
  6. var sb = $(".sidebar"); /* прилипающий блок если id то через # */
  7. var sb_ot = sb.offset().top;
  8. var sb_h = sb.height();
  9.  
  10. if(sb_h + $(document).scrollTop() + sb_m + mb < $(document).height()) {
  11. if(st > sb_ot) {
  12. var h = Math.round(st - sb_ot) + sb_m;
  13. sb.css({"paddingTop" : h});
  14. }
  15. else {
  16. sb.css({"paddingTop" : 0});
  17. }
  18. }
  19. });
  20. </script>
  21.  
Посетитель
small user social cms
Сообщений: 411
Куда код вставлять ?
Свободу Юрию Деточкину!
Посетитель
small user social cms
Медаль
Сообщений: 171
@elv3327:
Куда код вставлять ?

Хороший вопрос.. я скриптов несколько нашёл.. .куда их вставлять так и не понял :)

странно что нет по умолчанию такой функции в шаблоне.. вроде необходимая же
Посетитель
small user social cms
Медаль
Сообщений: 333
@demelkar:
вроде необходимая же
Каждый стилизует как его душе удобно!
@elv3327:
Куда код вставлять ?
Да кто его знает куда вставлять, у меня создан отдельный файл js в котором я прописываю свои скрипты.
Редактировалось: 1 раз (Последний: 18 октября 2018 в 00:24)
Посетитель
small user social cms
Сообщений: 411
Mr.VAV:
создан отдельный файл js в котором я прописываю свои скрипты.
пробовал, не получалось...
Свободу Юрию Деточкину!
Посетитель
small user social cms
Сообщений: 411
Код PHP:
  1. <div class="sticky-block">
  2. <div class="inner">
  3.  
  4. код рекламы
  5.  
  6. <script>
  7. $(window).scroll(function() {
  8. var sb_m = 20; /* отступ сверху и снизу */
  9. var mb = 300; /* высота подвала с запасом */
  10. var st = $(window).scrollTop();
  11. var sb = $(".sticky-block");
  12. var sbi = $(".sticky-block .inner");
  13. var sb_ot = sb.offset().top;
  14. var sbi_ot = sbi.offset().top;
  15. var sb_h = sb.height();
  16.  
  17. if(sb_h + $(document).scrollTop() + sb_m + mb < $(document).height()) {
  18. if(st > sb_ot) {
  19. var h = Math.round(st - sb_ot) + sb_m;
  20. sb.css({"paddingTop" : h});
  21. }
  22. else {
  23. sb.css({"paddingTop" : 0});
  24. }
  25. }
  26. });
  27. </script>
До подвала плохо доезжает.
Свободу Юрию Деточкину!
Посетитель
small user social cms
Медаль
Сообщений: 333
@elv3327:
До подвала плохо доезжает.
Это меню доезжает до верха и останавливается, высота подвала это чтоб оно не наезжало на подвал.

я в принципе не понимаю куда вы его вставляете и почему не работает.
Посетитель
small user social cms
Сообщений: 411
Сам контент не доезжает до подвала )) Прописывать бы все в файл и подключать в виджет...
Редактировалось: 1 раз (Последний: 18 октября 2018 в 00:36)
Свободу Юрию Деточкину!
Посетитель
small user social cms
Медаль
Сообщений: 333
@elv3327:
Сам контент не доезжает до подвала
Вы что контент фиксируете ? shock или у вас сайдбар портянка а контента три строчки laugh
Редактировалось: 1 раз (Последний: 18 октября 2018 в 00:42)
Посетитель
small user social cms
Медаль
Сообщений: 171
Спасибо... У меня заработало... Только он дёргается почему то.. на других сайтах где реализовано при прокрутке не дёргается реклама.

Mr.VAV:

@elv3327:
Сам контент не доезжает до подвала
Вы что контент фиксируете ? shock или у вас сайдбар портянка а контента три строчки laugh
Посетитель
small user social cms
Медаль
Сообщений: 333
@demelkar:
Только он дёргается почему то..
Вот на этот вопрос не магу ответить, у меня это единственный код который не дергается все остальное работает как сума сошло)))
Посетитель
small user social cms
Медаль
Сообщений: 171
Странно, а у меня подёргивания при скролинге... Но примерно как делать главное понятно. Спасибо

Mr.VAV:

@demelkar:
Только он дёргается почему то..
Вот на этот вопрос не магу ответить, у меня это единственный код который не дергается все остальное работает как сума сошло)))
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.