草庐IT

parallax

全部标签

jquery - 将鼠标移动到背景图像上(单视差)

当鼠标位于“landing-content”DIV时,我想让背景图片在X轴和Y轴上轻微移动,它应该随着鼠标的移动而移动。它应该反向移动。例如。鼠标向下移动,“landing-content”图像向上移动。HTMLCSS#landing-content{overflow:hidden;background-image:url(http://i.imgur.com/F2FPRMd.jpg);width:100%;background-size:cover;background-repeat:no-repeat;max-height:500px;border-bottom:solid;bor

jquery - 将鼠标移动到背景图像上(单视差)

当鼠标位于“landing-content”DIV时,我想让背景图片在X轴和Y轴上轻微移动,它应该随着鼠标的移动而移动。它应该反向移动。例如。鼠标向下移动,“landing-content”图像向上移动。HTMLCSS#landing-content{overflow:hidden;background-image:url(http://i.imgur.com/F2FPRMd.jpg);width:100%;background-size:cover;background-repeat:no-repeat;max-height:500px;border-bottom:solid;bor

html - 层数大于 100vw 的水平 CSS 仅视差效果

如何使用水平仅CSS视差效果引导网站?要求仅CSS视差父层必须有宽度/高度==100vw/100vh子层的宽度/高度必须>100vw/100vh子层必须在视觉上与父层宽度100%对齐现在子层在技术上确实有100%的父宽度,但由于perspective它们在视觉上似乎没有占据100%的父宽度子层(第一层除外)必须相对于其父层有一个顶部偏移结果必须基于计算以具有最大的灵active必须是跨浏览器可靠的(至少是最新版本的专业)到目前为止我做了什么其实这个问题是follow-upquestion.这是我当前模型状态的笔SASS或CSS.工作模拟示例(jQuery)在JavaScript中,实现

html - 层数大于 100vw 的水平 CSS 仅视差效果

如何使用水平仅CSS视差效果引导网站?要求仅CSS视差父层必须有宽度/高度==100vw/100vh子层的宽度/高度必须>100vw/100vh子层必须在视觉上与父层宽度100%对齐现在子层在技术上确实有100%的父宽度,但由于perspective它们在视觉上似乎没有占据100%的父宽度子层(第一层除外)必须相对于其父层有一个顶部偏移结果必须基于计算以具有最大的灵active必须是跨浏览器可靠的(至少是最新版本的专业)到目前为止我做了什么其实这个问题是follow-upquestion.这是我当前模型状态的笔SASS或CSS.工作模拟示例(jQuery)在JavaScript中,实现

ios - 如何在原型(prototype)单元格中使用 UIImageView 在 UITableView 中创建视差效果

我正在使用Swift在iOS8.4中构建应用。我有一个带有自定义UITableViewCell的UITableView,其中包括一个UILabel和UIImageView。这一切都相当简单,一切都很好。我正在尝试创建类似于demonstratedinthisdemo的视差效果.目前我的tableView.cellForRowAtIndexPath中有这段代码functableView(tableView:UITableView,cellForRowAtIndexPathindexPath:NSIndexPath)->UITableViewCell{varcell=self.tableV

ios - 如何在原型(prototype)单元格中使用 UIImageView 在 UITableView 中创建视差效果

我正在使用Swift在iOS8.4中构建应用。我有一个带有自定义UITableViewCell的UITableView,其中包括一个UILabel和UIImageView。这一切都相当简单,一切都很好。我正在尝试创建类似于demonstratedinthisdemo的视差效果.目前我的tableView.cellForRowAtIndexPath中有这段代码functableView(tableView:UITableView,cellForRowAtIndexPathindexPath:NSIndexPath)->UITableViewCell{varcell=self.tableV

javascript - 如何在 iOS 上的 Safari 中滚动时监视滚动位置?

我目前使用$(window).bind('scroll',foo);来监控$(window).scrollTop()并做一些事情来创建一个视差效果。在所有桌面浏览器中,为用户滚动的每个像素调用foo(),一切都很好而且花花公子。在iOS上的Safari中,滚动事件仅在滚动完成后触发。我添加了$(window).bind('touchmove',foo);以确保在iOS中滑动期间调用该函数,这让我更进一步。当用户松开手指时,页面继续滚动,但事件停止触发。有什么想法吗? 最佳答案 当我看到你的问题时,我正计划为此做一个polyfill(

javascript - 如何在 iOS 上的 Safari 中滚动时监视滚动位置?

我目前使用$(window).bind('scroll',foo);来监控$(window).scrollTop()并做一些事情来创建一个视差效果。在所有桌面浏览器中,为用户滚动的每个像素调用foo(),一切都很好而且花花公子。在iOS上的Safari中,滚动事件仅在滚动完成后触发。我添加了$(window).bind('touchmove',foo);以确保在iOS中滑动期间调用该函数,这让我更进一步。当用户松开手指时,页面继续滚动,但事件停止触发。有什么想法吗? 最佳答案 当我看到你的问题时,我正计划为此做一个polyfill(

iphone - cocos2d :how to create continous parallax layer

我正在用cocos2d创建一个游戏,我想制作一个连续滚动的视差层。例如我的场景是:几朵云在背景中移动。一旦它到达右侧屏幕的末端,它应该再次从屏幕左侧出现。或者像永无止境的视差之类的效果。有什么想法吗? 最佳答案 你真的不需要为此创建视差节点,创建你的云Sprite:CCSprite*blackCloud;//setit'simageandpositionit://codeforinitblackCloud.position=ccp(580,300);//callselector(don'tunscheduledit)[selfsch

javascript - 在使用 JavaScript 滚动时响应地动画页面元素 [编辑 : Parallax Scrolling]

我敢肯定这在过去已经被提出来了;但是我有一个学期不知所措。在此webpage对于Square,用户滚动浏览标题为“在Square,不同学科协作设计精美简单的解决方案”的部分,然后动画会在页面上该特定点的右侧激活。当用户向后滚动时,图像会恢复,依此类推。他们是如何实现这一目标的?2013年8月:自从我问这个问题以来已经九个月了,视差滚动也差不多顺其自然了。我附上了几个链接,以便进一步阅读这个主题,从如何实现它到为什么要避免它。视差滚动示例:http://en.wikipedia.org/wiki/Parallax_scrollinghttp://www.awwwards.com/20-b