2012-02-27 12 views
2

すべて、 私はWordpressウィジェットを使用していますが、スクロールしてページを表示するウィジェットを作成したいと思います。誰もこれのようなことをしたことがありますか?もしそうなら、そのようなウィジェットをどのように達成するかに関する推奨事項はありますか?それは単にJavascript/CSSによって行われますか?ページがスクロールしながら移動するフローティングウィジェットの作成

ありがとうございます!

+0

読むポジション 'について:fixed' http://davidwalsh.name/css-fixed-position – Cheery

答えて

1

slashnickとmaxedisonのソリューションが動作します。

ダイナミックスクロールボックスを常に画面に表示する必要はなく、ヘッダー、フッター、または他のdivを気にする場合は、DropTheBitのスティッキーフロートjQueryプラグインをチェックしてください。 http://dropthebit.com/74/sticky-floating-box/

2

あなたはCSSを経由してfixedに問題の要素の位置を設定するだけです、すなわち

.myFloatingWidget {position:fixed; left:0px; top:50%} 
2

あなたがウィジェットにposition:fixed;のスタイルを与える必要があります。例:W3Schools

3

最も簡単な方法は - Q2W3 Fixed Widget

それは、この目的のために特別に設計されました - この新しいWordPressのプラグインをインストールするには!

Screenshots

+0

リンクが死んで包み、サイトからのコンテンツや説明の一部をコピーすることを検討してください。 –

+0

このプラグインとあなたの所属を開示する必要があります。 [私がここに提携している製品やウェブサイトを宣伝してもいいですか?](http://stackoverflow.com/faq#promotion) –

関連する問題