【问题标题】:jQuery; Parallax page - Get the click event go through DIV layersjQuery;视差页面 - 通过 DIV 图层获取点击事件
【发布时间】:2011-06-12 20:50:41
【问题描述】:

DEMO

现在的想法是(而不是transp.png图像)用标准的HTML元素填充图层, 就像制作一个漂亮的移动 2d-3d 页面。

你可以猜到我的第一个问题。 无论我尝试什么,我都无法让点击事件通过 100x100% div 层来找到 一个不是 .layer 本身的可点击(或其他?)元素。

也许制作层height:0px; position:absolute; 而不是附加到它们相对定位的元素?

【问题讨论】:

  • Blender,在设计、速度、可用性等方面我完全同意!但是仅以视差风格制作网站的一部分(1/4、1/2 ;))...我认为如果以温和/非攻击性的方式创建,一些客户和用户也会留下深刻印象。 ?同意吗?
  • 对不起,删除了我的评论。你的视差有点太滑了,我注意到了。 GitHub 在他们的404 页面中使用了 Octocat 的视差,并且该页面的移动非常流畅 IMO。也许你也可以看看那个:github.com/asdasdasds
  • Blender... 尝试在我的脚本中将sensitivity 设置为1。现在好点了吗?或者你说“太滑”是什么意思??
  • 啊,是的,好多了。它感觉有点反应迟钝,因为在我停止移动鼠标后它动画了半秒钟。干得好!
  • 谢谢!我添加了 sensitivity '因为如果你将它用于图像(而不是 HTML 元素),看到它'慢下来'感觉很好!当然,现在使用 DIVS 我将使用灵敏度设置为“1”。你有更好的名字来称呼这种效果吗? (我在这里使用芝诺悖论效应来实现这种“无限”减速。)

标签: jquery layer mouseclick-event parallax


【解决方案1】:

只需将z-index CSS 属性添加到.box 元素。 z-index 越高,元素出现的层数就越高(即具有z-index999 的元素将高于具有z-index1 的元素):

.box {
  ...

  z-index: 2;
}

And a demo.

【讨论】:

  • 搅拌机?????????那是.... ARRRRRRGH!我认为这是一个 z-index 答案,因为我在我的问题中进行了编辑。太好了,让它在我面前工作!非常感谢 8)kisses'n'hugs!
  • 不客气。您确实针对您的问题提出了解决方案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-09-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-09-14
  • 1970-01-01
相关资源
最近更新 更多