滑动以普通html锚定

时间:2011-10-22 22:33:31

标签: html css html5 css3

我想创建一个滑动效果,如http://demos.flesler.com/jquery/scrollTo/中所示,但是使用简单的html和css。那可能吗?如果是这样,怎么样?

如果是html5和css3,没问题(我不会使用IE( - :)

提前感谢!

2 个答案:

答案 0 :(得分:3)

参见此演示:

http://tympanus.net/Tutorials/SmoothTransitionsResponsiveLayout/

这里的解释是:

http://tympanus.net/codrops/2012/06/12/css-only-responsive-layout-with-smooth-transitions/

它显示了如何设置CSS3 scrollTo转换,但是,只适用于链接锚点 - 而不是滚动条 - 这对我来说是一个交易破坏者。

答案 1 :(得分:0)

我认为您可以使用psuedo :target来实现这一目标,快速Google搜索提取this example - 它会详细说明其工作原理on this page。我相信Google会提供其他结果和更多示例,让它按照您的需要运行:)

当然只有某些新浏览器会理解:target,但如果这不会让您感到烦恼,那么您无需担心。