jq,js实现固定边栏滚动效果

作者：Jasmine - 2017年08月25日

<script>
			$(window).scroll(function() {
				var windowHeight = $(window).scrollTop() + $(window).height();
				var sideHeight = $('#J_BdSide').height();
				//alert($(window).scrollTop())
				if (windowHeight > sideHeight) {
					$('#J_BdSide').css({
						position : 'fixed',
						right : '0px',
						top : -(sideHeight - $(window).height())
					});
				} else {
					$('#J_BdSide').css({
						position : 'static'
					});
				}
			});
      window.onload = function(){
        $(window).trigger('scroll');
      }
      $(window).resize(function(){
        $(window).trigger('scroll');
      })
		</script>

效果不难,屏幕缩放,滚动加载都可以.

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/568

版权声明：本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！