html 固定在特定滚动偏移上的视差

Posted 2021-05-10

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 固定在特定滚动偏移上的视差相关的知识，希望对你有一定的参考价值。

			 <!--to check offset-->
			<span class="scrolls"></span>
			
			<div class="btm_plax_holder">
      <div id="bottom2">
        <div class="wrapper">
          <div class="btm2_con">
					<?php dynamic_sidebar('btm2_box1'); ?>
          </div>
        </div>
			</div>
			</div>
			
			<script>
    $('.scrolls').css({'position' : 'fixed', 'top' : '50px', 'left' : '0' , 'z-index' : '999999'});
		$('.scrolls').text(window.scrollY);
		if(window_width > 1000){
		if(window.scrollY >= 2582){
			$('#bottom2').css({'position':'fixed','left' : '0', 'top' : '190px', 'width' : '100%'});
		}else{
			$('#bottom2').css('position','static');
		}
	  }else if(window_width <= 1000 && window_width > 800){
		if(window.scrollY >= 3508){
			$('#bottom2').css({'position':'fixed','left' : '0', 'top' : '0', 'width' : '100%'});
		}else{
			$('#bottom2').css('position','static');
		}
	}
			</script>

以上是关于html 固定在特定滚动偏移上的视差的主要内容，如果未能解决你的问题，请参考以下文章

保持视差固定但在滚动时更改图像？

使用固定标题实现视差滚动 [Windows Phone]