jQuery-如果浏览器宽度超过960 px,则启动脚本
我使用这个脚本是为了在滚动浏览时显示某些div,但是当使用移动设备时,它就不能很好地工作。例如,在使用iPad时,如果我不将手指从屏幕上提起,或者直到页面停止滚动,Div就永远不会出现 以下是我所拥有的:jQuery-如果浏览器宽度超过960 px,则启动脚本,jquery,responsive-design,screen-size,Jquery,Responsive Design,Screen Size,我使用这个脚本是为了在滚动浏览时显示某些div,但是当使用移动设备时,它就不能很好地工作。例如,在使用iPad时,如果我不将手指从屏幕上提起,或者直到页面停止滚动,Div就永远不会出现 以下是我所拥有的: $(document).ready(function() { $(window).scroll( function(){ $('.hidden').each( function(i){ var bottom_of_object = $(this)
$(document).ready(function()
{
$(window).scroll( function(){
$('.hidden').each( function(i){
var bottom_of_object = $(this).position().top + $(this).outerHeight() / 4;
var bottom_of_window = $(window).scrollTop() + $(window).height();
if( bottom_of_window > bottom_of_object ){
$(this).animate({'opacity':'1'},500);
}
});
});
});
现在,我只想在浏览器窗口大于960时启动此脚本,以便它不能在移动设备上工作
谢谢。使用该函数获取浏览器的宽度,并且仅在超过960时执行代码:
$(document).ready(function() {
$(window).scroll(function() {
if($(window).width() > 960) {
$('.hidden').each( function(i){
var bottom_of_object = $(this).position().top + $(this).outerHeight() / 4;
var bottom_of_window = $(window).scrollTop() + $(window).height();
if( bottom_of_window > bottom_of_object ){
$(this).animate({'opacity':'1'},500);
}
});
}
});
});
如果($(window).width()>=960)
$(document).ready(function()
{
if ($(window).width() >= 960) {
$(window).scroll( function(){
$('.hidden').each( function(i){
var bottom_of_object = $(this).position().top + $(this).outerHeight() / 4;
var bottom_of_window = $(window).scrollTop() + $(window).height();
if( bottom_of_window > bottom_of_object ){
$(this).animate({'opacity':'1'},500);
}
});
}
});
});