请问如何用js判断下拉刷新?

2015-11-23 06:40:17 503 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

【QGIS】PyCharm集成pyqgis的processing工具箱：环境配置与初始化实战本文详细介绍了如何在PyCharm中配置QGIS的Python环境并成功集成其强大的Processing工具箱。文章核心解决了独立环境下导入processing模块失败、算法无法调用等常见难题，通过手动添加插件路径和执行关键初始化步骤，实现了在PyCharm中丝滑调用QGIS地理处理算法，从而将复杂的空间分析流程自动化。阅读详情

自己尝试做上拉加载更多,没什么问题,但是做下拉刷新的时候遇到难点了

scrollTop 可以判断是否到顶,但是如何得到下拉的距离呢?(用来控制显示下拉图片和判断是否需要刷新)

另外..松开的事件又是什么?

希望能够不要用iscroll.js...谢谢各位前辈,求指点

...全文

STM32CUBEMX | STM32L431RCT6的内部Flash操作一、STM32CUBEMX配置 1、选择芯片型号： 2、配置时钟源 1、如果选择使用外部高速时钟（HSE），则需要在System Core中配置RCC； 2、如果使用默认内部时钟（HSI），这一步可以略过； 3、配置时钟树 STM32L4的最高主频到80M，所以配置PLL，最后使HCLK = 80Mhz即可： 4、代码生成设置点击GENERATE CODE即可生成MDK-V5工程：二、在MDK中编写、编译、下载用户代码 1、STM32内部Flash及HAL库API 查看所使用芯片的信息，阅读详情

hercules135

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

阿鱼 2015-11-26

打赏
举报

引用 2 楼 hercules135 的回复:

另外我需求的功能是常规APP中都有的往下拉页面,可以刷新当前页面,目前我实现不了,所以只做了一个很low的按钮实现刷新功能... 补充:运行环境是手机浏览器

scroll这个事件在pc和手机上应该是通用的，上面的$(window).scroll你可以试一下。如果对js用的不是特别熟，想自己写出比较好的效果是有点难度的。用插件效果最好，用起来也最方便。

hercules135 2015-11-24

打赏
举报

引用 1 楼 qwklove 的回复:

不知道你的下拉图片是如何布局的，也不知道你讲的移动端还是pc浏览器。暂且以常见的PC端的瀑布流（各列高度不等）为例：假设首次加载的整个瀑布流的高度最小的一列的高度为H，那么下拉加载就可以这么写：
/**即：当文档顶部滑出的高度+当前窗口高度 >= 文档（最小）高度时，进行加载
***因为这里是按照瀑布流计算，所以取最小高度比较合适。如果你的图片是等高均匀排列的话，
***那么 等于文档高度的时候就可以进行新的加载*/
$(window).scroll(function(){
    if( ($(this).scrollTop+$(this).height())>=H ){
        $(this).unbind('scroll');
        //此处为加载新图片
    };
});
希望能帮到你。

谢谢,但是这个功能我也写好了,有一点区别,发上来大家探讨一下


            var scrollTop = $(this).scrollTop();
            var scrollHeight = $(this)[0].scrollHeight;
            var conHeight = $(this).height();

            //$("#test").html("scrollTop:" + scrollTop + "<br/>scrollHeight:" + scrollHeight + "<br/>conHeight:" + conHeight);

            if (scrollTop + conHeight >= scrollHeight - 100) {
               //TODO
            }

另外我需求的功能是常规APP中都有的往下拉页面,可以刷新当前页面,目前我实现不了,所以只做了一个很low的按钮实现刷新功能... 补充:运行环境是手机浏览器

斯洛文尼亚旅游 2015-11-24

打赏
举报

http://www.cnblogs.com/tqlin/archive/2013/03/04/2942789.html

阿鱼 2015-11-23

打赏
举报

不知道你的下拉图片是如何布局的，也不知道你讲的移动端还是pc浏览器。暂且以常见的PC端的瀑布流（各列高度不等）为例：假设首次加载的整个瀑布流的高度最小的一列的高度为H，那么下拉加载就可以这么写：


/**即：当文档顶部滑出的高度+当前窗口高度 >= 文档（最小）高度时，进行加载
***因为这里是按照瀑布流计算，所以取最小高度比较合适。如果你的图片是等高均匀排列的话，
***那么 等于文档高度的时候就可以进行新的加载*/
$(window).scroll(function(){
    if( ($(this).scrollTop+$(this).height())>=H ){
        $(this).unbind('scroll');
        //此处为加载新图片
    };
});

希望能帮到你。

请问如何用js判断下拉刷新?

相关推荐