jQuery滚动延迟加载执行代码

滚动条延迟加载

jQuery(function($){
    var topicBoxTopHeight = jQuery(‘#topicBox‘).offset().top;
    var topicBoxTopHeight_show = 1
    $(window).scroll(function(event){

        if($(this).scrollTop() > topicBoxTopHeight-$(window).height()-200 && topicBoxTopHeight_show==1){
            topicBoxTopHeight_show=0;
            topicBoxFn();
        }

    });
})

jQuery滚动延迟加载执行代码,布布扣,bubuko.com

时间： 2024-10-21 06:56:47

jQuery滚动延迟加载执行代码的相关文章

jQuery实现固定顶部定位滚动导航效果代码

jQuery实现固定顶部定位滚动导航效果代码,很常见的效果,非常实用:滚动滚动条时,导航固定顶部,并且滚动到对应的板块时,当前导航高亮显示:点击导航文字时平滑跳转到对应的板块. $(function(){ var subNav_active = $(".adv_active"); var subNav_scroll = function(target){ subNav_active.removeClass ("a

跟随滚动条滚动的div代码实例

跟随滚动条滚动的div代码实例:有时候我们希望当滚动网页滚动条的时候,div能够随着滚动条而滚动,这样就能够基本保持处于它相对于窗口所在的位置,下面是一段代码实例,基本实现了此功能,不过还是有不足之处,就是当拖动滚动条的时候,具有抖动的情况,也算差强人意吧.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author&quo

jquery 图片轮播代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

jQuery图片延迟加载插件

在一些图片较多的页面上,如果图片都一起加载网页的速度会比较慢,而且也浪费流量. 使用图片延时加载插件就解决这些问题. 方法: 引入jquery和插件文件 <script src="jquery.js" type="text/javascript"></script> <script src="jquery.lazyload.js" type="text/javascript"></sc

jquery图片延迟加载

在用户滚动页面到图片之后才进行加载,使用图片延迟加载,能有效的提高页面加载速度. 所需js插件: <script type="text/javascript" src="${path}/js/jquery.lazyload.js"></script><script type="text/javascript" src="${path}/js/jquery.lazyload.min.js">&

jQuery代码开发技巧收集,jquery常用的开发代码

jQuery代码开发技巧收集,jquery常用的开发代码今天分享一个jquery常用的开发代码,大部分是网友总结的,总共60条.后期我也会陆续完善! 把我在开发中常用的写在这里,希望持续关注~~ 1. 使用siblings()来处理同类元素 // Rather than doing this $('#nav li').click(function(){ $('#nav li').removeClass('active'); $(this).addClass('active'); }); //

Jquery 图片延迟加载技术

参考网址:http://code.ciaoca.com/jquery/lazyload/ 延迟加载能大大增加你网站的加载速度! 需要引入以下文件<Jq文件也是少不了的>: <script src="~/Content/demo/jquery.lazyload.js"></script> <script src="~/Content/demo/jquery.lazyload.min.js"></script>

jQuery ajax的执行顺序简单介绍

jQuery ajax的执行顺序简单介绍:jQuery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false即可.代码如下: function TestAjax() { var UserName = $("#txtUserName").val(); $.ajax({ url:"AjaxCheckUserName.htm", async:false, success:function(data

jQuery图片延迟加载插件jQuery.lazyload

查看演示 website 立即下载插件描述:jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度.在某些情况下,它也能帮助减轻服务器负载. 使用方法引用jquery和jquery.lazyload.js到你的页面 1 2 <script src="jquery-1.11.0.min.js"></script> <script src="jquery.lazyload.js?v=1.9.1"&g