【问题标题】:How has Facebook built this fixed-on-scroll box with iOS support? [closed]Facebook 是如何构建这个带有 iOS 支持的固定滚动框的? [关闭]
【发布时间】:2013-03-18 12:27:50
【问题描述】:

Facebook 是如何在他们的新 prasentation 网站for the new newsfeed 上构建这个固定滚动框(粘性侧边栏)的?

我知道many of the solutions 这样做,但这个很特别。 position: relativeposition: fixed 之间的切换适用于 touchmove 事件(不是特殊的),但它也适用于 iOS 滚动平移!

我认为这是不可能的 - see here。他们是怎么做到的?

【问题讨论】:

  • 您使用的是哪个 iOS 版本?我目前正在尝试在 iOS 6 中管理类似的东西,但我无法让它工作。即使是 facebook 页面也没有在滚动盘上更新。
  • 位置:粘性;我认为是 iOS 6.1 支持的。

标签: javascript jquery ios css onscroll


【解决方案1】:

显然它使用了webkit函数position: -webkit-sticky;

找到解释here

【讨论】:

  • 啊……就是这样,谢谢!不知道!
  • 不客气。很高兴我能帮上忙。
  • 遗憾的是,它几乎完全不受支持...caniuse.com/#search=sticky
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-05-04
  • 1970-01-01
  • 2011-09-03
  • 2020-10-06
  • 2018-11-11
  • 1970-01-01
相关资源
最近更新 更多