Добрый день.
Задача: сделать скроллбар как
тут + совместить его с скриптом плавающего
сайдбара
Справа от контентной части, есть сайдбар с новостями. Для клиента надо сделать так, чтобы при скролле сайдбар всегда был на всю высоту экрана
height:calc(100vh); плюс так же, чтобы его можно было скроллить.
joxi.ru/LmGaLVdFRl3BdAПроблема: сделать индивидуальный скроллбар получилось, но не получается совместить с скриптом на плавающий сайдбар.
Помогите разобраться в коде.
Вот ссылки на странице где
сайд бар с скроллом, и где
сайдбар плавающий
Код отвечающий за плавающий сайдбар
<script src='http://code.jquery.com/jquery-1.9.1.js'></script>
<script>
$(window).load(function(){
$window = $(window),
$sidebar = $("#jp-container"),
sidebarTop = $sidebar.position().top,
$sidebar.addClass('fixed');
$window.scroll(function(event) {
scrollTop = $window.scrollTop(),
topPosition = Math.max(0, sidebarTop - scrollTop),
$sidebar.css('top', topPosition);
});
});
</script>
<style>
#jp-container{ width:360px;margin-left: 635px }
#jp-container.fixed { position:fixed; }
</style>
Средний
