摘要:
问题 当移动端页面显示弹窗时,滑动屏幕,弹窗下方的页面竟然可以上下滑动(虽然点击不到弹窗下方的内容,但仍然看不习惯~~) 解决 查阅资料后,给整个弹窗设置禁止触摸滚动,代码如下: (由于页面中存在多个弹窗,所以获取了所有弹窗,再给每个弹窗设置禁止滚动) var masks = document.ge 阅读全文
摘要:
##下载 Clamp.js项目地址:https://github.com/josephschmitt/Clamp.js ##引入 <!-- 文本多行省略插件 --> <script src="js/clamp.min.js"></script> ##使用 1、 单行省略 $clamp(myHeade 阅读全文
摘要:
swiper的pagination,在初次进页面时正常,即滑动时圆点随着页面改变。 但在点击跳转到其他页面后,再返回时,swiper可以滑动,但圆点却失效了。 ##解决 由于在代码中,我将初始化swiper的代码放在了init中,在页面初次加载时执行init方法,同时在页面返回后执行init,相当于 阅读全文
摘要:
基本概念 **cookie:**是由W3C组织提出,最早由Netscape社区发展的一种机制。它主要用于保存登陆信息,比如登陆某个网站时常可以看到'记住密码’,这就是通过在cookie中存入一段辨别用户身份的数据来实现的。目前Cookie已经成为标准,所有的主流浏览器如IE、Netscape、Fir 阅读全文
摘要:
jquery的$.ajax()中,有一个timeout的属性,用来设置超时时间,使用complete判断TextStatus的值是否为timeout,执行相应的操作。 代码如下: $.ajax({ url: 'ajax.php', type: 'post', data: postData, time 阅读全文
摘要:
网上大部分方案如下,即给出现滚动条的元素 ::-webkit-scrollbar 添加 display: none; html,body { width: 100%; height: 100%; overflow-y: scroll; } body::-webkit-scrollbar { disp 阅读全文
摘要:
问题 在做手机页面的时候,遇到这样一个问题: 点击抽奖后,会出现一个弹框,点击弹框上的"确定"按钮,这时问题出现了,当确定按钮和下边的抽奖按钮重合时,弹框隐藏,并且同时触发了抽奖按钮!!! 这时就了解到:什么是事件穿透?点击上面的一层时会触发下面一层的事件。 zepto的tap是通过兼听绑定在doc 阅读全文
摘要:
防抖(debounce) 当持续触发事件时,在一定的时间段内,只有最后一次触发的事件才会执行。 function debounce(fn, wait) { var timer = null; return function () { if (timer !== null) { clearTimeou 阅读全文
摘要:
需求 在页面上有"返回顶部"的按钮,要实现在上下滚动页面时,该按钮显示,当页面停止滚动几秒后,按钮消失。 代码 function iconShow() { var scrollTimer = null; function debounce(fn, wait) { return function () 阅读全文
摘要:
需求 希望在页面向下滚动时则隐藏"返回顶部"按钮,否则显示。 以下将滚动代码整理出来scrollEvent()方法 (适用于滚轮滚动、键盘上下滚动、滚动条滚动) 代码 /* 监听页面向上向下滚动事件 */ function scrollEvent() { window.onscroll = func 阅读全文