• 欢迎访问大姚哥前端笔记
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧
  • 欢迎留言o(∩_∩)o 哈哈

iframe自适应高度解决方法

本篇只讨论一种自适应情况,父页面和子页面同域名。 子页面加载完成后,获取页面高度,并添加到location.hash上。 父页面做个定时器,监测location.hash上值的变化。 获取来之后,设置iframe的高即可。 1.子页面 var h = $("body").outerHeight(true); window.top.l……继续阅读 »

dayaoge 1年前 (2017-06-06) 965浏览 2个赞

For循环中嵌入Ajax,请求成功后获取到i值为最后一个解决办法

for循环中嵌入Ajax,success里获取到i的值每次都是最后一个。因为for循环执行很快,Ajax请求成功是需要时间的,这时for循环已经执行完毕了,所以取到的 I 每次都是最后一个。 解决方法就是让for循环等Ajax成功后再执行下一条。把Ajax请求方式改为同步,即设置async: false即可。 ……继续阅读 »

dayaoge 2年前 (2017-04-26) 675浏览 1个赞

vue Element动态设置el-menu导航当前选中项

Element UI 是一套 Vue.js 后台组件库,它能够帮助你更轻松更快速地开发后台项目。 官方文档给出了设置默认选中的属性。 Menu Attribute 参数 说明 类型 可选值 默认值 mode 模式 string horizontal,vertical vertical theme 主题色 string light,dark ……继续阅读 »

dayaoge 2年前 (2016-10-20) 23845浏览 31个赞

JS实现移动端顶部下拉刷新

实现原理:内容#bodyBox,头部刷新#loading。头部top值设为负的div高度。当页面下拉时,分别设置#bodyBox和#loading的Y轴位移,使loading显示,完全显示时,执行加载ajax,执行完成隐藏#loading。 (loading动画如有侵权请联系我) 扫码在手机上体验。 项目详细已托管至github: 附源代码: <……继续阅读 »

dayaoge 2年前 (2016-08-29) 881浏览 2个赞

HTML5模拟原生顶部下拉图片变大效果

看到好多APP产品展示页顶部一个焦点图,滚动条位于顶端时,我们再往下拉时图片就会变大。感觉效果挺棒的。就想着用HTML5来实现,终于实现了,效果见下图。 扫码在手机上体验。 原理应该就是当滚动条位于顶点时,如果往下拉,则禁用系统默认滚动e.preventDefault();。 原理听起来挺简单。那怎么判断是往下拉呢? 判断手指下滑 1、首先我们定义四……继续阅读 »

dayaoge 2年前 (2016-08-26) 842浏览 1个赞