滚动控制与JQuery / Java Script
Scroll control with JQuery / Java Script
我正在寻找模仿相同的滚动行为的新Flickr网站在https://www.flickr.com/#section-1。
无论你移动鼠标滚轮的速度有多快,结果都是一样的。
我知道这是一个视差网站,但我对滚动控制更感兴趣。
这就是我现在使用这个插件https://github.com/ultrapasty/jquery-disablescroll:
var mypos = $(window).scrollTop();
var up = false;
var newscroll;
$(window).scroll(function () {
newscroll = $(window).scrollTop();
if (newscroll > mypos && !up) {
$(window).disablescroll(); //disable scroll
//$('body').addClass('stop-scrolling'); //a css that inputs an overflow hidden
$('#video_bkg').stop().animate({
height: 'toggle',
opacity: 'toggle'
}, 500);
up = !up;
} else if(newscroll < mypos && up) {
$('#video_bkg').stop().animate({
height: 'toggle',
opacity: 'toggle'
}, 500, function() {
$(window).disablescroll('undo'); //reenable scroll
});
up = !up;
}
mypos = newscroll;
});
下面是一个使用fullPage jQuery插件的示例。
使用$(document).ready(function() {
$('#fullpage').fullpage();
});
相关文章:
- If Else Java Script HTML
- Java Script将对象方法映射到数组中的对象
- 如何在Java Script中比较二维数组和一维数组,并将常见数据存储在另一个数组中
- 从JSP页面调用Java Script函数未返回值
- java-script 未被执行
- java-script 函数被调用两次
- 有些人有任何关于如何使用Modified Java Script Value处理返回Json(url)的示例
- Selenium-webdriver (Java Script) 等待元素消失
- 通过文本字段中的输入值使用Java Script计算金额
- 如何在asp.net中调用Java Script
- Mobile Web App Java Script alert
- Java Script Regex-查找脚本中是否只有允许的字符
- 检查参数是否传递给Java Script函数
- Java Script RegExp
- Java Script/AJAX 电子邮件检查功能集成
- Google App Engine 是否支持 Java Script Engine
- Meteor Java Script startup
- 将 PHP 变量传递到 Java Script window.location
- Java Script MVC steal/buildjs - 删除空.js文件
- Java Script: onsubmit=“check_rfields();” in form tag of html