Home > Dojo

Dojo Archive

[dojo] Smooth Scrolling “Go To Top” Link

滑らかにスクロールするトップに戻るボタンのDojo版。
DavidのソースにSmoothScrolllつけてみたよ。

DojoのSmoothScrollはDojox内にあるのでfxとfx.scrollをrequireする必要があります。
クリックしたときにstopEventするとアンカーがURLに反映されなくなる。これはMooToolsとかでも同じですな。

PLAIN TEXT
JavaScript:
  1. (function(d,$) {
  2.     d.require('dojox.fx');
  3.     d.require("dojox.fx.scroll");
  4.    
  5.     d.addOnLoad(function() {
  6.  
  7.         var topLink = $('gototop');
  8.         d.style(topLink,{
  9.             'opacity': 0,
  10.             'visibility': 'visible',
  11.             'display':'block'
  12.         });
  13.        
  14.         d.connect(topLink,'onclick',function(e){
  15.             d.stopEvent(e);
  16.             dojox.fx.smoothScroll({'node':d.body(),'win':window,'duration':300}).play();
  17.          });
  18.        
  19.         d.connect(window,'onscroll',function(e) {
  20.             var scrollY = -d.position(d.body()).y, thresh = 100;
  21.             /*  d['fade' + (scrollY> thresh ? 'In' : 'Out')]({ node: topLink }).play(); */
  22.             d.anim(topLink, { 'opacity': (scrollY> thresh ? 1 : 0 ) });/* more concise, @phiggins */
  23.            
  24.         });
  25.     });
  26. })(dojo,dojo.byId);

ホーム > Dojo

Scripts
カテゴリー
Recent Reactions
最近の投稿
最近の修正
  • そしてこのSQLはわれながらよく書いたと思う 2010-11-15
  • CSVの列っていう方がいいのかな…118項目だった 2010-11-15
  • 楽天のCSVの項目が116個もあった衝撃 2010-11-15
  • オフィスで香水臭振りまくのは迷惑だと知れ 2010-11-15
  • ぐあー　フレグランステロやー 2010-11-15
  • More updates...

Powered by Twitter Tools

Tag Cloud
おすすめサーバー・他

メタ情報

Return to page top