jQueryとCSSを使用してフローティングボタンを作成するにはどうすればよいですか？

var name = "#floatMenu"; 
var menuYloc = null; 

$(document).ready(function() { 
    menuYloc = parseInt($(name).css("top").substring(0, $(name).css("top").indexOf("px"))) 

    $(window).scroll(function() { 
     var offset = menuYloc + $(document).scrollTop() + "px"; 
     $(name).animate({ top: offset }, { duration: 500, queue: false }); 
    });

jQueryとCSSを使用してフローティングボタンを作成するにはどうすればよいですか？jQueryとCSSを使用してフローティングボタンを作成するにはどうすればよいですか？

出典

2012-03-22 user1240045

例を挙げることはできますか？ –

'float：left;'または 'float：right;'のような意味ですか、ボタン付きのモーダルウィンドウのような意味ですか？それとも、何かのオーバーラップという意味で「浮動」しているのでしょうか？ – Jakub

https://d2o0t5hpnwv4c1.cloudfront.net/018_Floating_Menu/demo/dhtml_float_menu_final_nettut.html。このリンクをクリックしてください。それらはフローティングメニューです。私はaspxのボタンに浮動小数点を追加したい – user1240045

css position: fixed; top: 100px; left: 100pxを使用すると、フローティングボタンをもっと簡単にすることができます。これは、ページをスクロールして同じ場所に表示すると常に表示されます。

出典

2012-03-22 12:36:16 slash197

2つのオプションから選択できます。

CSSやJavaScript

（あなたのスニペットにしようとするような）クリスCoyierはすでにこれを説明したので、私はちょうど彼のページにリンクするつもりです：CSS方式を使用して http://css-tricks.com/scrollfollow-sidebar/

、あなたが勝ちましたジューシーなアニメーションを手に入れません。

出典

2012-03-22 12:40:41 martinjlowm

+1すばらしいリンク。優れた例を提供します。 – dblood

フローティングボタン/リンクを作成する最も簡単な方法は次のとおりです。

<a href="#" style="position: fixed; bottom: 20px; right: 20px;"> Preview </a>

出典

2017-01-12 03:40:44

jQueryとCSSを使用してフローティングボタンを作成するにはどうすればよいですか？

答えて

関連する問題