码迷,mamicode.com
首页 >  
搜索关键字:页面滚动    ( 425个结果
页面滚动到指定位置
在chrome中使用body滚动:$("body").animate({"scrollTop":200},600)但是在firefox中却要使用html:$("html").animate({"scrollTop":200},600)综合一下,这样就都可以滚动了(其他浏览器也没问题):$("html...
分类:其他好文   时间:2015-05-27 20:40:49    阅读次数:116
禁止或者移除触摸事件
jquery怎么禁止手机页面触屏滑动页面滚动。(安卓和IOS都禁止)以及怎么接触禁止?谢谢是禁止滑动页面滚动,不是隐藏。谢谢,急!!!提问者采纳热心网友监听页面触摸运动var jinzhi=0;document.addEventListener("touchmove",function(e){if(...
分类:其他好文   时间:2015-05-26 15:48:43    阅读次数:137
窗口滚动动画
在这篇教程中,我将为你介绍如何在页面滚动时触发css动画。这种效果使用JavaScript&CSS就能做到。Jeet Grid System website 就是使用这种小技巧的例子,当你向下滚动的时候,CSS transform animation就被触发了。想要达到这种目的,有很多Javascript/jQuery 插件可以用,比如WOW,在这篇教程中,我将为你展示如何不适用插件做到这种效果。T...
分类:其他好文   时间:2015-05-23 15:36:21    阅读次数:154
background-attachment属性
前提是定义了background-image属性,然后用background-attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。取值:scrool:默认值,背景随页面滚动而移动,即背景和内容绑定。fixed:背景图相对于视口固定,...
分类:其他好文   时间:2015-05-19 18:49:00    阅读次数:257
JS仿淘宝详情页菜单条智能定位效果
类似于淘宝详情页菜单条智能定位 对于每个人来说并不陌生!如下截图所示:红色框的那部分! 基本原理: 是用JS侦听滚动事件,当页面的滚动距离(页面滚动的高度)大于或者等于 "对象"(要滚动的对象)距离页面顶部的高度,也就是说滚动的对象与窗口的上边缘接触时,立即将对象定位属性position值改成fix...
分类:Web程序   时间:2015-05-14 18:04:49    阅读次数:144
JS实现会动的小车
怎么说的,我写的代码是很简单的,但是过程中,遇到不少问题。 我要实现的功能是页面右侧有辆小车,鼠标滚动或者拉动滚动条,小车消失,在底部点击“返还顶部”按钮后,页面缓慢向上滚动,同时小车出现,定位在屏幕底部不动,待页面滚动到顶部时,小车缓慢向上滑动,制作一种动态效果。并且过程可重复进行。 div...
分类:Web程序   时间:2015-05-12 18:29:06    阅读次数:326
background-attachment: fixed | attachment 区别
就是描述当前层和背景层之间的关系===scroll:就是图片和背景前面的那个层 一起移动 当页面滚动的时候 全部移动fixed: 就是图片和背景前面的那个层分离 当页面滚动的时候 就是页面被上下滚动的时候 背景图片一动也不动 就在那里---当元素的高度不超过屏幕的时候,scroll和fixed是没有...
分类:其他好文   时间:2015-05-04 19:36:46    阅读次数:161
在 IE 浏览器中,使用 bootstrap 使得页面滚动条浮动显示,自动隐藏,自动消失
貌似是从 IE10 开始?为了触屏操作优化浏览器的内容显示,IE 浏览器提供了一种可以浮动显示,自动隐藏的滚动条样式,但是这个样式会在某些情况下造成一些困扰,比如下图。。。 其实默认情况下,桌面版的 IE 应该是传统的滚动条样式;而在应用版的 IE 中,滚动条默认才是浮动显示,自动隐藏。 但是可能会...
分类:其他好文   时间:2015-04-28 17:55:08    阅读次数:187
基于html5整屏切换IDO智能手表页面滚动代码
之前为大大家介绍了一款jquery实现的整屏切换特效。今天分享一款IDO智能手表页面滚动html5代码。这是一款基于jQuery+HTML5实现的页面滚动效果代码。效果图如下:在线预览源码下载部分代码: ...
分类:Web程序   时间:2015-04-23 15:10:06    阅读次数:149
clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y 详解
clientX/Y:clientX/Y获取到的是触发点相对浏览器可视区域左上角距离,不随页面滚动而改变兼容性:所有浏览器均支持pageX/Y:pageX/Y获取到的是触发点相对文档区域左上角距离,会随着页面滚动而改变兼容性:除IE6/7/8不支持外,其余浏览器均支持offsetX/Y:offsetX...
分类:其他好文   时间:2015-04-18 01:05:43    阅读次数:240
425条   上一页 1 ... 34 35 36 37 38 ... 43 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!