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

#1 17 октября 2018 в 21:47
Так чтобы она при прокрутке вниз до кода залипала в боковой панели, когда идёт прокрутка ниже рекламного блока.
#3 17 октября 2018 в 23:29
/forum/thread23234-1.html.
#4 18 октября 2018 в 00:00
Есть один простой способ.
  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.  
#5 18 октября 2018 в 00:06
Куда код вставлять?
#6 18 октября 2018 в 00:20

Куда код вставлять ?

@elv3327

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

странно что нет по умолчанию такой функции в шаблоне… вроде необходимая же
#7 18 октября 2018 в 00:23

вроде необходимая же

@demelkar
Каждый стилизует как его душе удобно!

Куда код вставлять ?

@elv3327
Да кто его знает куда вставлять, у меня создан отдельный файл js в котором я прописываю свои скрипты.
#8 18 октября 2018 в 00:24

создан отдельный файл js в котором я прописываю свои скрипты.

Mr.VAV
пробовал, не получалось…
#9 18 октября 2018 в 00:28
  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>
До подвала плохо доезжает.
#10 18 октября 2018 в 00:33

До подвала плохо доезжает.

@elv3327
Это меню доезжает до верха и останавливается, высота подвала это чтоб оно не наезжало на подвал.

я в принципе не понимаю куда вы его вставляете и почему не работает.
#11 18 октября 2018 в 00:34
Сам контент не доезжает до подвала )) Прописывать бы все в файл и подключать в виджет…
#12 18 октября 2018 в 00:40

Сам контент не доезжает до подвала

@elv3327
Вы что контент фиксируете? shockили у вас сайдбар портянка а контента три строчки laugh
#13 18 октября 2018 в 00:43
Спасибо… У меня заработало… Только он дёргается почему то… на других сайтах где реализовано при прокрутке не дёргается реклама.


Сам контент не доезжает до подвала

@elv3327
Вы что контент фиксируете? shockили у вас сайдбар портянка а контента три строчки laugh

Mr.VAV
#14 18 октября 2018 в 00:45

Только он дёргается почему то…

@demelkar
Вот на этот вопрос не магу ответить, у меня это единственный код который не дергается все остальное работает как сума сошло)))
#15 18 октября 2018 в 00:48
Странно, а у меня подёргивания при скролинге… Но примерно как делать главное понятно. Спасибо


Только он дёргается почему то…

@demelkar
Вот на этот вопрос не магу ответить, у меня это единственный код который не дергается все остальное работает как сума сошло)))

Mr.VAV
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.