0

私は正確には開発者ではありません (よりウェブデザイナーです) ので、次のようにする方法を知りたいです。ページを一番上にスクロールするためのリンクを含む div があるサイトを見たことがあります。そのdivは、マウスがページの垂直スクロールバーの近くにあり、マウスカーソルをたどったときにのみ表示されましたが、常にページの右側に配置されていたため、垂直方向にのみ表示されました. これを作るためのチュートリアルを知っている人はいますか?

4

2 に答える 2

0

HTML:

<a href="#" title="To the top of this page"><b>BACK TO TOP</b></a>

そして、他の要素と同じように配置するだけです。少しの CSS で簡単に実行できます。jQuery を使用すると、マウスを追跡できます

CSS: a { position:fixed; right:10px; bottom:10px; }

jQuery:

$(document).ready(function(){
   $(document).mousemove(function(e){
       if(e.pageX > window.innerWidth - 200)
          $("a").css("top", e.pageY);
   }); 
});

EDITまたは、Spokey のコメントと私の作品を組み合わせる場合:例 2

于 2013-06-18T18:21:25.023 に答える