链接顶部与以下div

Question

我不完全是一个开发人员（更webdesigner），我想知道如何进行以下。 一旦我看到一个网站有一个div链接，将页面滚动到顶部。 只有当鼠标靠近页面垂直滚动条并跟随鼠标光标时，才显示div，但仅在垂直方向显示，因为它始终与页面右侧对齐。 有谁知道一个教程来做到这一点？

Answer 1

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); 
    }); 
}); 

Example

编辑或者，如果你对我的工作混合Spokey的评论：Example 2

Answer 2

也许这样的事情？ http://jsfiddle.net/blackjim/3kCtJ/3/ （一个很简单的例子）

$(function() { 
    var $rightSide = $('#rightSide'), 
     $scrollerDiv = $('#scrollerDiv'), 
     viewportH = $(window).height(); 

    $rightSide 
    .css('top', viewportH) 
    .mouseenter(function() { 
     // mouse is now in #rightSide 
     $scrollerDiv.fadeIn(300); 
     $rightSide.mousemove(function (e) { 
      var calcTop = e.pageY - viewportH - 25; 
      $scrollerDiv.css('top', calcTop + 'px'); 
     }); 
    }) 
    .mouseleave(function() { 
     $scrollerDiv.fadeOut(300); 
     $rightSide.unbind('mousemove'); 
    }) 
    .click(function() { 
     $(document.body).animate({ 
      scrollTop: 0 
     }, "slow"); 
    }); 
});