我已成功设置了tutorial之后的固定滚动侧边栏。
我唯一遇到的问题是在侧边栏底部添加填充/边距。目前它与视口底部齐平,我希望它可以说是100px;从底部开始。
我不确定是否需要编辑JS,或者这是否可以通过CSS实现?
继承我的Demo
JS
$(function () {
var msie6 = $.browser == 'msie' && $.browser.version < 7;
if (!msie6 && $('.sidebar-container').offset()!=null) {
var top = $('.sidebar-container').offset().top - parseFloat($('.sidebar-container').css('margin-top').replace(/auto/, 0));
var height = $('.sidebar-container').height();
var winHeight = $(window).height();
var footerTop = $('#footer').offset().top - parseFloat($('#footer').css('margin-top').replace(/auto/, 0));
var gap = 7;
$(window).scroll(function (event) {
// what the y position of the scroll is
var y = $(this).scrollTop();
// whether that's below the form
if (y+winHeight >= top+ height+gap && y+winHeight<=footerTop) {
// if so, ad the fixed class
$('.sidebar-container').addClass('leftsidebarfixed').css('top',winHeight-height-gap +'px');