1.返回顶部 $(function(){ $('.top').hide(); $(window).scroll(function() { if($(window).scrollTop() >= 100){ $('.top').fadeIn(300); }else{ $('.top').fadeOut ...
分类:
Web程序 时间:
2017-11-19 14:57:31
阅读次数:
242
一、样式操作 1、css样式 2、位置操作 offset()和position(): scrollTop() :获取匹配元素相对滚动条顶部的偏移;$(window).scroll() : 滚动触发,具体应用见如下返回顶部的实例: 3、尺寸操作 二、文本操作 1、html()与text() 2、val ...
分类:
编程语言 时间:
2017-11-17 00:13:21
阅读次数:
179
background:lineer-gradient(to right/90deg,red,yellow) 渐变/横向 border-radius:50% *** 圆角 box-shadow:x y 模糊值 外延线 颜色; BEM 块-元素-修饰符 margin,占用 不加margin 实际面积 W ...
分类:
其他好文 时间:
2017-11-12 20:55:00
阅读次数:
176
简单的一次返回顶部相比于滚动到顶部,显然后者用户友好性更好。 实现方法1:jquery动画 实现方法2:js实现 通过获取页面卷起的长度,每次滚动一点点,实现动画效果。 ...
分类:
其他好文 时间:
2017-10-29 12:41:07
阅读次数:
182
返回网页顶部方法 一.锚链接 simpleDemo: 二.JS实现返回顶部 三.行内式返回顶部 四.内嵌式返回顶部 五.外联式返回顶部。 waiLianTest.js ...
分类:
编程语言 时间:
2017-10-25 21:32:53
阅读次数:
181
三国演义 第二章 第三章 第四章 第一章 群雄争霸 返回顶部 第二章 赤壁之战 返回顶部 第三章 三足鼎立 返回顶部 第四章 三分归晋 ...
分类:
其他好文 时间:
2017-10-15 22:30:35
阅读次数:
175
scrollTo(x,y)//可把内容滚动到指定的坐标scrollTo(xpos,ypos)//x,y值必需 1、固定导航栏 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>固定导航栏</ ...
分类:
其他好文 时间:
2017-10-11 23:56:53
阅读次数:
426