sample
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>
JS: /Custom JS tab
function renderWidgets() {
$('[data-spy="affix"]').affix({
offset: {
top: 400,
bottom: function () {
return (this.bottom = $('.footer').outerHeight(true))
}
}
});
}
if (window.jQuery) {
renderWidgets();
$(window).on('action:ajaxify.end', renderWidgets);
}
demo: https://timuu.com/topic/4426/22-5-pbe-gΓΌncellemeleri