博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
回到顶部浮窗设计
阅读量:5343 次
发布时间:2019-06-15

本文共 495 字,大约阅读时间需要 1 分钟。

  其实写一个回到顶部的浮窗也就100多行代码(包括空行)。写浮窗效果有三个难点,一个是解决ie6下的抖动效果,因为ie6不支持position:fixed这个属性。二是要解决窗口只适应问题。三是计算位置。

  对于第一个难点,下面有个链接,大家可以去看看,研究一下怎么解决。这里面讲得很清楚。一开始的时候发现在ie6下不知道为啥offset的取值一直不对,弄了好久,发现是position默认设置为fixed了,所以以后遇到jquery函数取值一直很奇怪的时候,看看标签的属性是否设置正确。还有,在非ie6的情况下,我是设置动画效果的,ie6没有动画效果。有时候可以对ie6进行一些取舍。

  窗口大小的变化也是一个很蛋疼的问题,主要还是因为ie6(他nnd)。作为一个前端工程师,我们要把用户的体验做到极致,因此我们不能不考虑那些经常改变窗口大小的人。在改变窗口的大小的时候,我们需要重新计算浮窗的位置。

  实现代码看

  欢迎大家修改指正错误。

转载于:https://www.cnblogs.com/adullboy/archive/2013/04/05/3001663.html

你可能感兴趣的文章
20145205 《信息安全系统设计基础》第14周学习总结
查看>>
6)添加一个窗口的图标
查看>>
POJ - 1422 Air Raid 二分图最大匹配
查看>>
Road Map
查看>>
正则替换中的一个Bug
查看>>
HI3531uboot开机画面 分类: arm-linux-Ubunt...
查看>>
制作U盘启动CDLinux 分类: 生活百科 ...
查看>>
strcpy函数里的小九九
查看>>
搭建ssm过程中遇到的问题集
查看>>
OpenLayers绘制图形
查看>>
tp5集合h5 wap和公众号支付
查看>>
Flutter学习笔记(一)
查看>>
iOS10 国行iPhone联网权限问题处理
查看>>
洛谷 P1991 无线通讯网
查看>>
[HIHO1184]连通性二·边的双连通分量(双连通分量)
查看>>
Codeforces Round #178 (Div. 2) B. Shaass and Bookshelf 【动态规划】0-1背包
查看>>
SparkStreaming 源码分析
查看>>
【算法】—— 随机音乐的播放算法
查看>>
mysql asyn 示例
查看>>
DataGrid 点击 获取 行 ID
查看>>