引言 页面滚动条造成宽度减小的场景很常见了，由于div块级元素的流动性，其宽度默认为100%的body宽度，但是当容器的高度超过视口宽度时候，页面就会出现滚动条，这个滚动条的宽度就会挤压body的可用宽度，也就是会挤压我们的容器的宽度，造成页面晃动的现象，很不友好，下面就来探讨下如何解决这个滚动条的 ...
分类：
其他好文 时间：
2020-05-30 20:22:19
阅读次数：
80
在做APP自动化的时候，有的时候，需要下滑页面进行定位。例如下图： 有的时候也可能向上滑动，这个时候就要用到关键字：scroll了。 RF上的解释： 看它的说明就很简单了，只要输入两个参数：开始位置和结束位置。 这里需要说明下： 如果需要往下滑动，来定位下面的元素，那么：开始位置是下面那个元素，结束 ...
分类：
移动开发 时间：
2020-05-30 01:09:10
阅读次数：
208
CSS 翻转图片主要用到的技术除了3D翻转和定位 ，还用到了一个属性 backface-visibility：visable|hidden;该属性主要是用来设定元素背面是否可见。 效果图如下： 具体的步骤如下： 1、写出页面主体， <div> <img src="Images/b.jpg" alt= ...
分类：
Web程序 时间：
2020-05-30 00:55:48
阅读次数：
87
原生JS版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文字上下无缝轮播</title> </head> <style> * { margin: 0; padding: 0; } #container{ ...
分类：
Web程序 时间：
2020-05-29 21:42:57
阅读次数：
87
这里介绍10款流行的 jQuery插件，希望能帮上各位前端攻城狮～ fullPage.js 一个简单的，易于使用的插件，创建全屏滚动网站（也被称为单页网站），它允许创建滚动网站以及添加一些水平滑块。 下载插件 预览效果 SlideMe 响应式的，CSS3 兼容的，可定制的，易于安装和使用，支持多实例 ...
分类：
Web程序 时间：
2020-05-29 21:42:39
阅读次数：
99
对于一个网站来说。访问的时候不应该直接加载所有图片，而是应该只讲浏览器窗口内的图片进行加载。当滚动的时候，在加载更多的图片。叫做图片的懒加载。 通过给img自定义一个新属性，来存储图片真实的src地址，当需要加载的时候，再将这个真实的地址赋给src，进行图片加载。 大体的思路就是： 1.遍历所有的i ...
分类：
其他好文 时间：
2020-05-29 17:36:19
阅读次数：
67
发现使用 html2canvas.js插件截图保存在前端很方便。学习过程中预计问题。截图出现空白和截图不全。问题原因： html2canvas.js插件截图是基于body标签的，如果body存在滚动条就会出现截图空白的情况。如何避免：关键点：在截图前将滚动条位置设置在顶部。截图时，截图选择内容标签不 ...
分类：
Web程序 时间：
2020-05-28 19:25:20
阅读次数：
86
public bool DataGridviewShowToExcel(DataGridView dgv, bool isShowExcle) //实现导出 EXcel 和 滚动条功能 { if (dgv.Rows.Count == 0) return false; //建立Excel对象 Exce ...
scrollHeight为滚动DIV的实际总体高度，获取方式为：$(obj)[0].scrollHeight clientHeight为滚动DIV的可见高度，获取方式为：$(obj)[0].clientHeight scrollTop为滚动DIV被卷去的上端高度，获取方式为：$(obj).scrol ...
分类：
Web程序 时间：
2020-05-27 20:19:15
阅读次数：
297
先看一下实现的效果: 以上通过滚动,图片随之滚动 看起来蜜汁酷炫 实现原理就是: 滚动视差,是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 使用技术很简单,只需要css属性: background-attachment: fixed; 无需任何js复杂代码 代码如下: ...
分类：
其他好文 时间：
2020-05-27 20:17:19
阅读次数：
70
