sticky sidebar widgets

yari

how can I do it?

yari

sad

<baris>

Look at bootstrap affix

yari

I could not

yari

css

@media screen and (max-width:1200px) {
  .affix, 
  .affix-bottom {
    display: none;
  }
}

.affix-top {
  position: relative;
}

.affix {
  top: 70px;
}

.affix  {
    width: 263px;
}

widget container

<div data-spy="affix" class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{{title}}</h3></div>
<div class="panel-body">{{body}}</div></div>
</div>

JS: https://community.nodebb.org/post/60461

demo: https://timuu.com/topic/4426/22-5-pbe-güncellemeleri

<baris>

Place this in your custom js

$(window).on('action:ajaxify.end', function () { 
  $('[data-spy="affix"]').affix({
    offset: {
      top: 400,
      bottom: function () {
        return (this.bottom = $('.footer').outerHeight(true))
      }
    }
  });
});

yari

@baris said in sticky sidebar widgets:

$(window).on('action:ajaxify.end', function () {
$('[data-spy="affix"]').affix({
offset: {
top: 400,
bottom: function () {
return (this.bottom = $('.footer').outerHeight(true))
}
}
});
});

Thank you very much @baris. it worked