最近公司做的业务都是使用Vue、Element写的，涉及到的相应的基础业务像轮播、预加载、懒加载，都是使用 NPM上的工具来实现，原理和基础还是要有的，就来实现几个项目中常用到的业务。 经常见到这样的效果，导航在页面中间，当界面滚动到导航的时候，导航就变成了 布局。为了看效果，我加了边框。 刚开始， ...
分类：
Web程序 时间：
2018-03-31 20:32:37
阅读次数：
751
吸顶下过代码跟简单几行代码就可以了 如果滚动的军力大于100，就改变导航的定位方式，否则就默认 $(function(){ $(window).scroll(function(){ if($(window).scrollTop()>100){ $(".nav").css({"position":"f ...
分类：
其他好文 时间：
2018-03-25 01:20:46
阅读次数：
2213
通过body.scrollTop（推荐）：document.body.scrollTop=0通过元素的scrollIntoView()方法：ele.scrollIntoView()通过内部链接：<ahref="#top">滚动到顶部</a>
分类：
Web程序 时间：
2018-03-13 11:08:02
阅读次数：
207
调用JavaScript和截图 一、调用JavaScript 1、调整浏览器滚动条位置 2、用execute_script()执行JavaScript代码 示例： PS： 1.滚动条回到顶部：js="var q=document.getElementById('id').scrollTop=0"dr ...
分类：
编程语言 时间：
2018-03-12 18:43:47
阅读次数：
206
类选择器：. class id选择器： # id CSS介绍 CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法 CSS实例 每个CSS样式由两个组成部分：选择器和声明。声明 ...
分类：
Web程序 时间：
2018-03-12 16:53:47
阅读次数：
200
document.body.scrollTop 转换成 document.documentElement.scrollTop 具体原因可见：click here ...
分类：
其他好文 时间：
2018-03-10 00:10:13
阅读次数：
198
1.获取滚动条距离的API scrollLeft / scrollTop pageXOffset / pageYOffset 2.兼容性问题 Safari 比较特别，有自己获取scrollTop的函数 ： window.pageYOffset ； 火狐等相对标准些的浏览器就省心多了，直接用 docu ...
分类：
其他好文 时间：
2018-03-08 21:11:44
阅读次数：
196
$(window).scroll(function() { var swipeHeight = 200;//完全变色高度 var scrollTop = $(document).scrollTop();//页面滚动高度 var x = scrollTop/swipeHeight; $(".head.... ...
分类：
其他好文 时间：
2018-03-07 13:21:31
阅读次数：
131
一、HTML HTML中需要给div一个id 二、CSS 三、JS 1、面向过程 2、面向对象 1）封装方法 2）调用方法 ...
分类：
Web程序 时间：
2018-03-01 11:41:00
阅读次数：
1940
