前言： 项目中让实现一个简单的上下视差滚动，就是当页面滑动到某一固定位置时，让上下两页面出现叠加效果，恢复时，展开恢复。

创新互联建站长期为上千余家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为瑞丽企业提供专业的网站设计制作、成都网站设计，瑞丽网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

功能技术实现方式：元素定位，鼠标事件

思路1：

一开始想着设置滚动条监听事件，当到固定位置时下方元素设置relative属性(这样可保证不改变其原有样式而且可以实现元素位置的调整)，于是就诞生出一下代码：

  
    
    
  
  
  
    
1111111
    
22222222222222
  
  
  

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章名称：js上下视差滚动简单实现代码-创新互联
URL分享：http://scyanting.com/article/dcoegh.html