我爱分享网

我们为大家提供免费资源分享,欢迎大家踊跃投稿!

一款方便的全屏滚动jQuery插件

分类:网页特效 时间:2020-05-21 作者:素年

 

一款方便的全屏滚动jQuery插件
一款方便的全屏滚动jQuery插件,此款jQuery插件可以自动适应屏幕高度全屏滚动窗口,当页面快滚动到下一屏,自动滚动到显示多的一屏。

用法 

包括在你的HTML页面的最新jQuery和资产/ JSjquery.windows.js

html
  1. <section class="window">section> 
  2. <section class="window">section> 
  3. <section class="window">section> 
  4. <section class="window">section> 
  5. <section class="window">section> 
js
  1. $(document).ready(function(){ 
  2.  
  3.     $('.window').windows({ 
  4.         snapping: true
  5.         snapSpeed: 500, 
  6.         snapInterval: 1100, 
  7.         onScroll: function(scrollPos){ 
  8.             // scrollPos:Number
  9.         }, 
  10.         onSnapComplete: function($el){ 
  11.             // after window ($el) snaps into place
  12.         }, 
  13.         onWindowEnter: function($el){ 
  14.             // when new window ($el) enters viewport
  15.         } 
  16.     }) 
  17.  
  18. }); 
css
  1. .window{ 
  2.     width:100%
  3.     height:100%
  4.     position:absolute
  5.  
  6. @for $i from 1 through 6
  7.     .window:nth-child(#{$i}){ 
  8.         background:nth($colors, $i); 
  9.         top:($i - 1) * 100%
  10.     } 

 



免责声明:本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

上一篇:带箭头缩略图左右滚动切换js相册效果

下一篇:FCBKcomplete jQuery动态输入框下拉提示插件

相关推荐

为您推荐

返回顶部