在微信端开发中遇到一个这种问题：明明用的公共文件（代码如下图），其他页面每次都能触发这个滚动条$(window).scroll事件，以显示右下角“回到顶部”这个按钮图标
但是，问题来了，最该需要使用“回到顶部”功能的列表页面时候，居然不显示这个图标了！！！（当时我就想一句mmp不知道送给谁）。
我查看了html加载情况，嘿，加载是加载了，按要求加载的哦，一点都不缺斤少两（如下图），明晃晃的display:none送给你~
静态页的也是这个样子哦，滑动了滚动条才显示可爱的向上图标哦~
加载完数据死活不触发滚动事件（微笑^V^）
忘记说了，我用的是$.each去循环列表，列表没问题，不显示一个小小的图标而已（努力微笑~^V^~）
本来嘛，小功能，不影响大局，回头直接直愣愣显示($(“#toTop”).show())不隐藏就行了。
但是吧……我觉得还是需要再抢救一下，你看吧，其他页面都是滚动条离开顶部时候才显示图标的，就列表页面不懂事，如此不一致的画风，列表页也是会自卑的好吗?（不生气^U^）
上网查，各种各样的可能性（写错代码，初始化高度不够循环，body包不住等等），一一试着改了：初始化高度不够这个比较有意思，所以我就找这个方向改的。
以下是反面案例
同事建议我添加body的高度和HTML的高度样式（height：100%）嘿！成了，图标显示了呢！
并不是……
人家图标收不回去了呢，就是不触发滚动事件，就是这么傲娇（有点生气，但是还是要保持微笑^o^）。
又一想，等列表加载完再去触发这个方法是不是可行？于是我把$(window).scroll()事件复制到加载列表的函数里面，循环完列表了就马上加载滚动条方法！
蓝鹅……
不显示，就是不显示！（微笑……笑不出来）
放在$(function(){ 滚动事件 })……不行哦
成功案例
我想着，反正都不行了，就试一下document .scroll() (注意，这种写法是会报错的)，居然显示了，并且和我想要的效果一毛一样！！！
报错的居然还能行！！！
情何以堪？
顺着这条线，我把公共文件里的代码改了：把$(window).scroll()改成document.scroll()
全面报错，手动再见。
我也知道这样写不对啊，于是改公共方法：改成$(document).scroll()
不报错，所有页面都不显示向上按钮了。再见，以死谢罪……
这样吧，公共方法咱不改，用着$(window).scroll()，在列表加载完成后再放一个$(document).scroll()，反正列表页不触发$(window).scroll()，应该问题不大。
居然成功了……
论：$(window).scroll()与$(document).scroll()的区别
说好的区别不大并且$(window).scroll()兼容各大浏览器呢？
我读书少，是被谁骗了么！！！！！
随机推荐
-
特大喜讯，View and Data API 现在支持中文界面了
大家经常会问到,使用View and Data API怎么做界面的本地化,来显示中文,现在好消息来了,从v1.2.19起,View and Data API开始支持多国语言界面了.你需要制定版本号为v ...
-
Mac ping localhost 地址变化
title: Mac ping localhost 地址变化date: 2016-1-15 16:21:55categories: IOS tags: mac 小小程序猿我的博客:http://day ...
-
js模版引擎handlebars.js实用教程——如何引入Handlebars.js
返回目录 Jquery插件,第一步当然要引用Jquery啦,然后引用Handlebars.js即可,仅仅需要这两个js文件. <script type="text/javascript ...
-
Android RecyclerView单击、长按事件:基于OnItemTouchListener +GestureDetector标准实现（二），封装抽取成通用工具类
Android RecyclerView单击.长按事件:基于OnItemTouchListener +GestureDetector标准实现(二),封装抽取成通用工具类 我写的附录文章2,介绍了 ...
-
zookeeper命令行操作
创建 #[-s] 顺序 #[-e] 临时节点 #path 节点 #data 该节点存储的数据 #acl 证书 create [-s] [-e] path data acl -s或-e指定节点特性:顺序 ...
-
CRM lookup筛选
function Loadcouse() { var type; var id; retrieveRecord(Xrm.Page.getAttribute("ownerid").g ...
-
边框回归(Bounding Box Regression)详解
原文地址:http://blog.csdn.net/zijin0802034/article/details/77685438 Bounding-Box regression 最近一直看检测有关的Pa ...
-
Keepalived配置与使用--转载
作者: JeremyWei | 可以转载, 但必须以超链接形式标明文章原始出处和作者信息及版权声明 网址: http://weizhifeng.net/using-keepalived.html 介绍 ...
-
linux 网络命令ping、关闭防火墙、ifconfig、ip addr、setup、nmtui、write、wall、mail
ping /bin/ping语法:ping [选项] IP地址 选项:-c 指定发送次数功能描述:测试网络连通性 ping -c 4 192.168.1.101 关闭防火墙systemctl stop ...
-
Highmaps网页图表教程之图表配置项结构与商业授权
Highmaps网页图表教程之图表配置项结构与商业授权 Highmaps图表配置项结构 Highmaps最核心的部分就是图表配置项.用户通过图表配置项来对标题进行定制,从而实现自己所要的效果.所以,掌 ...