2011-10-22 9 views
5

http://demos.flesler.com/jquery/scrollTo/に表示されるようなスライドエフェクトを作成したいが、プレーンhtmlとcssで作成したいと思う。それは可能ですか?もしそうなら、どうですか?プレーンhtmlのアンカーにスライド

それはHTML5とCSS3、問題はない(私はIEを(使用しません - の場合:事前に)

感謝を

+0

エラー...そこにはさまざまなスライド効果があります。正確に何を達成したいですか? – Quentin

+0

解決方法はありますか? – CoolAJ86

答えて

3

このデモを参照してください:

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

そして、ここでの説明:

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

それはしかし、唯一のリンクアンカーと連携し、CSS3 scrollTo遷移を設定する方法を示しています - スクロールバーではありません。これは私のためのディール・ブレーカーです。

+0

ありがとう!これは1つです:) – vrwim

0

を私はあなたがこの、迅速なグーグルを達成するための疑似:targetを使用することができると思います!検索はthis exampleをフェッチ - それはon this pageをどのように機能するかについて、詳細な書き込みをあきらめ、私はGoogleが、それはあなたがそれをする方法作業を取得するために、他の結果とより多くの例を持ち出すだろうと確信している:)

もちろんのみ、特定の新しいブラウザがします。 :targetを理解していますが、これで問題がなければ何も心配する必要はありません。

関連する問題