移动端滑屏滚动事件的问题（横向滑动阻止垂直页面滚动）
在项目中遇到一个问题，横向滑动的时候想阻止垂直放向页面滚动，一开始用$(document).css("overflow-y","hidden")并没有效果，后来才发现我们在判断为横向滑动时用event.preventDefault阻止默认事件即可, ...
原文：CSS-页面滑屏滚动原理
现在的网站有的时候为了简洁就是很多的单页滑屏滚动介绍，主要呈现方式有两种，一种是整体的元素一直排列下去，假设有五个需要展示的全屏页面，那么高度是 ，只是展示 ，剩下的可以通过transform进行Y轴定位，也可以通过margin top实现，第二种就是所有的子元素和页面一样，都显示在当前页面，简单的实现第一种页面。 Html代码: lt div class container gt lt div ...
2015-12-13 09:36 0 12053 推荐指数：
相关推荐
CSS-滚动条样式
参考链接：https://www.cnblogs.com/yclblog/p/6806496.html ...
H5单页面手势滑屏切换原理
H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transition)来实现的，效果图如下所示，本文简单说一下其实现原理和主要思路。 实现原理 假设有5个页面，每个页面占屏幕100%宽，则创建一个DIV容器viewport，将其宽度 ...
CSS-界面滚动时不显示滚动条
设置滚动条的样式： 关于::-webkit-scrollbar ::-webkit-scrollbar css伪类选择器影响了一个元素的滚动条的样式 css滚动条选择器 你可以使用以下伪元素选择器去修改各式webkit ...
CSS-界面滚动时不显示滚动条
设置滚动条的样式： 关于::-webkit-scrollbar ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式 CSS滚动条选择器 你可以使用以下伪元素选择器去修改各式webkit浏览器的滚动条样式 ...
CSS-设置Footer始终在页面底部
Footer顾名思义页脚，如果内容多的时候在底部时感官很好，但是当内容变少（无法撑开一屏的时候）footer不固定在底部，影响美观，对于已经从事前端工作的工作的来说应该是比价工作中入门级别的问题了，由于本人前端水平有限，耗费一点时间最后通过负边距实现了这个简单的功能，代码 ...
CSS-界面滚动时不显示滚动条
设置滚动条的样式： 关于::-webkit-scrollbar ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式 CSS滚动条选择器 你可以使用以下伪元素 ...
CSS-三角形及其原理
CSS中三角形在网页中比较常见，以前是图片，不过现在基本上都是通过CSS可以完成，实现比较简单，我们可以看一组简单的三角形效果: 其实实现起来比较简单，通过空div然后设置宽高为0，之后可以四周border的宽度，控制三角形的形状，四个border可以看成是两横横竖的木头的重叠的效果，两横在 ...