那些下拉无限刷新的网页,岂不是用户永远都看不到 底部的 footer 部分了? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zhaohehedola
V2EX    前端开发

那些下拉无限刷新的网页,岂不是用户永远都看不到 底部的 footer 部分了?

  •  6
     
  •   zhaohehedola 2017-05-09 17:30:13 +08:00 10984 次点击
    这是一个创建于 3078 天前的主题,其中的信息可能已经有所发展或是发生改变。

    还是可以 有什么办法 固定住。。

    60 条回复    2017-06-02 22:48:04 +08:00
    ybbswc
        1
    ybbswc  
       2017-05-09 17:32:35 +08:00
    一般都在最上面或者两侧。
    geelaw
        2
    geelaw  
       2017-05-09 17:32:37 +08:00   3
    断网然后再下拉。

    知乎就有这个毛病。
    pimin
        3
    pimin  
       2017-05-09 17:33:41 +08:00 via Android
    是的,很多脑残网站这样
    FanError
        4
    FanError  
       2017-05-09 17:37:02 +08:00
    好像很多网站不会真的无限刷新,下拉 5,6 次后,就不会继续刷了
    ShadowWhisper
        5
    ShadowWhisper  
       2017-05-09 17:37:33 +08:00   1
    底部是看不到的,要么你在下面加个按钮,点击按钮再加载新数据,要么别用下拉刷新用分页
    chmlai
        6
    chmlai  
       2017-05-09 17:38:26 +08:00
    那就不应该有 footer 或者说不应该把有用的信息放在 footer.
    qiqico
        7
    qiqico  
       2017-05-09 17:38:55 +08:00
    加一个 threadhold, 拉出一定距离后再触发加载。。。
    geelaw
        8
    geelaw  
       2017-05-09 17:39:56 +08:00
    @chmlai 但是感觉法律信息、联系方式、备案之类的 canonical 位置就是 footer 吧
    xiaoyang7545
        9
    xiaoyang7545  
       2017-05-09 17:40:22 +08:00
    正常 会有个极限。。刷满几次之后就不会再刷新了吧
    chmlai
        10
    chmlai  
       2017-05-09 17:43:24 +08:00
    @geelaw 可以在 header 上加一个 "Info" 入口
    crysislinux
        11
    crysislinux  
       2017-05-09 17:48:18 +08:00   4
    非常讨厌无限下拉的,尤其讨厌那种返回做的不好,一返回就重新加载了的。。
    zhaohehedola
        12
    zhaohehedola  
    OP
       2017-05-09 17:55:19 +08:00
    @chmlai #6 http://www.thepaper.cn/ 这个网站 就很尴尬啊 这么逗点不到 最下面的连接
    zhaohehedola
        13
    zhaohehedola  
    OP
       2017-05-09 17:55:48 +08:00
    @geelaw #2 这个办法靠谱
    shakoon
        14
    shakoon  
       2017-05-09 18:02:27 +08:00
    没错,知乎没改版前一直有这个问题,现在这个版本终于把 footer 放到右边栏下面去了
    misaka20038numbe
        15
    misaka20038numbe  
       2017-05-09 18:03:31 +08:00
    只能看源代码了。
    hstdt
        16
    hstdt  
       2017-05-09 18:05:04 +08:00 via iPhone
    还有开了新闻模块的百度首页,
    neosfung
        17
    neosfung  
       2017-05-09 18:11:41 +08:00 via iPhone
    新浪微博也是,每次找微博开发者的入口都抓狂
    charexcalibur
        18
    charexcalibur  
       2017-05-09 18:15:12 +08:00 via iPhone
    之前逛 nike 官网就是,体验贼差
    Citrus
        19
    Citrus  
       2017-05-09 18:22:03 +08:00   1
    比如新浪微博。傻逼设定。。。
    mokeyjay
        20
    mokeyjay  
       2017-05-09 18:23:52 +08:00
    [我的博客]( https://www.mokeyjay.com)只会自动加载一次,然后就需要手动获取更多了。无限下拉确实傻逼
    Tonni
        21
    Tonni  
       2017-05-09 18:33:42 +08:00
    disable Javascript.
    thundernet8
        22
    thundernet8  
       2017-05-09 18:36:05 +08:00 via iPhone
    这也是我做了一个有限加载 react 组件的原因 https://github.com/thundernet8/React-Limited-Infinite-Scroll
    ouqihang
        23
    ouqihang  
       2017-05-09 18:36:14 +08:00 via Android
    淘宝手机网页版,应该是海外的页面吧,无限加载,想拉到最下面找个切换地区按钮,每次看到了,又有新内容加载出来了。
    gdtv
        24
    gdtv  
       2017-05-09 18:39:24 +08:00
    看不到 footer 是小问题,最大问题是点击了详情页再返回列表页面,找不到刚才的位置了
    freshmanc
        25
    freshmanc  
       2017-05-09 18:43:24 +08:00 via Android
    歪个楼,推特跟微博的 Web app 体验真的是天差地别…
    miyuki
        26
    miyuki  
       2017-05-09 18:47:21 +08:00 via Android
    可以放备案号哈哈哈哈
    Artists
        27
    Artists  
       2017-05-09 18:48:57 +08:00
    你都说了无限了,还有什么疑问吗?
    就我看到的有些是下拉几次就结束
    acrisliu
        28
    acrisliu  
       2017-05-09 19:09:58 +08:00 via Android
    刷 Tumblr 的时候无限刷,刷得浏览器都卡了。。。
    klesh
        29
    klesh  
       2017-05-09 19:37:49 +08:00 via Android   1
    @qiqico threshold
    xiaowangge
        30
    xiaowangge  
       2017-05-09 19:52:24 +08:00
    Web 端,还是喜欢豆瓣这种传统的 1、2、3、。。。下一页,分页拉取
    takashiki
        31
    takashiki  
       2017-05-09 20:45:56 +08:00   6
    chrome 开发者工具可以模拟 offline:

    koolob
        32
    koolob  
       2017-05-09 21:26:11 +08:00
    以前 Facebook 也这样。要进入开发者入口,得手快。
    SourceMan
        33
    SourceMan  
       2017-05-09 21:45:31 +08:00 via iPhone
    下拉 N 次之后分页
    guoer
        34
    guoer  
       2017-05-09 21:48:00 +08:00
    +1
    yylzcom
        35
    yylzcom  
       2017-05-09 22:06:46 +08:00 via Android
    体验良好的应该是五六屏之后分页,放页面

    有些 xx 网站就是无限下拉,然而有些特别重要的信息放在底部,我就很无奈了
    crytis
        36
    crytis  
       2017-05-09 22:32:09 +08:00 via iPhone
    @geelaw 京东也是这样
    xspoco
        37
    xspoco  
       2017-05-09 22:41:23 +08:00
    普通用户才不会在意 footer 部分
    x86
        38
    x86  
       2017-05-09 22:42:01 +08:00
    一般加载 5 页左右就停的
    mingyun
        39
    mingyun  
       2017-05-09 23:11:51 +08:00
    非常讨厌无限下拉 +10086

    @takashiki nice
    stabc
        40
    stabc  
       2017-05-09 23:55:08 +08:00
    遇到过好几个知名的网站有这种脑残设计
    liiihhhh
        41
    liiihhhh  
       2017-05-10 00:02:52 +08:00
    cnbeta 就是这样
    GoBeyond
        42
    GoBeyond  
       2017-05-10 07:23:12 +08:00 via Android
    下拉几次之后弹分页啊,微博就是这样干的。
    当然这是从开发者角度,用户角度碰到这种情况我也没辙
    BearD01001
        43
    BearD01001  
       2017-05-10 09:27:51 +08:00
    无限下拉其实考虑做成 APP 下拉刷新这种效果,滑动到最下方提示“继续滚动以加载下一页”,然后设定滚动阈值判断是否加载下一页,而且滚动到每一页的时候应该改变页面路由的 hash,以方便用户从文章内页返回列表页时不会返回到第一页。
    吐槽:微博无限下拉 +10086,进个开发者中心这么费劲
    qiqico
        44
    qiqico  
       2017-05-10 10:20:01 +08:00
    手机上这样做没关系,PC 上就有点不好了。毕竟手机上点翻页不太方便,早期 PC 类似这样做是为了懒加载,提高首屏速度而已。

    感觉是被误用了。。
    yanze0613
        45
    yanze0613  
       2017-05-10 10:37:17 +08:00
    这种网站的 footer 一般不是,对不起没有更前面的内容了,或者请检查网络么?
    nikubenki
        46
    nikubenki  
       2017-05-10 10:37:25 +08:00
    是上拉无限刷新吧?我觉得这种列表一般还是点击加载比较好
    zjuster
        47
    zjuster  
       2017-05-10 11:06:21 +08:00
    关了 JS ?
    hqfzone
        48
    hqfzone  
       2017-05-10 11:18:43 +08:00
    无限下拉=傻逼,正确率百分之九十几吧?
    kffoog
        49
    kffoog  
       2017-05-10 11:39:41 +08:00
    做个类似那种浮动的底部小广告效果就好了= =
    laoyuan
        50
    laoyuan  
       2017-05-10 11:53:13 +08:00
    拔网线
    mizuki
        51
    mizuki  
       2017-05-10 11:55:11 +08:00
    IOS 的百度好像就是无限下拉,太恶心
    killerv
        52
    killerv  
       2017-05-10 12:28:30 +08:00
    先禁用 js ……
    vjnjc
        53
    vjnjc  
       2017-05-10 13:26:33 +08:00
    很讨厌,之前想点个 foot 上面的下载客户端。。。要靠手速
    crist
        54
    crist  
       2017-05-10 14:27:52 +08:00
    @zhaohehedola 我试了,手速快一点的话还是可以点到的。
    a752252255
        55
    a752252255  
       2017-05-10 15:03:27 +08:00
    tumblr 就是这种
    geew
        56
    geew  
       2017-05-10 17:01:12 +08:00
    微博就是 想看看底部找个客服链接 拖了好久终于不自动加载了 尼玛嗨....
    SelFree
        57
    SelFree  
       2017-05-10 17:14:21 +08:00
    终于可以吐槽了,m.jd.com,我想切到电脑版,特么无限拉...
    DanielChenn
        58
    DanielChenn  
       2017-05-16 03:09:08 +08:00
    我们在项目中就用了一种体验更好的方式,每 3 页停止一次下拉刷新,比如当前 page 1,可以下拉刷新出 2 和 3,到了 3 就出现分页,当点 4/下一页的时候,又继续下拉刷新加载 2 页的内容。
    zhaohehedola
        59
    zhaohehedola  
    OP
       2017-05-16 22:01:40 +08:00
    @DanielChenn #58 这个靠谱
    Yuigahama
        60
    Yuigahama  
       2017-06-02 22:48:04 +08:00
    首页一定不要弄无限下拉
    太弱智了
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1066 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 23:18 PVG 07:18 LAX 16:18 JFK 19:18
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86