2011-12-19 61 views
1

我需要以下問題有所幫助:jQuery的燈箱自動網站滾動時,下一個按鈕打

所以我想用以下(開放的建議)一個文本放置在jQuery的: http://fancybox.net/home http://www.shadowbox-js.com/index.html HTTP: // jacklmoore。柑/顏色框/例1/

但我想要做的是: 如果下一個按鈕被按下的網站應該順暢滾動到預定的位置:

$(document).ready(function() { 
function filterPath(string) { 
return string 
.replace(/^\//,'') 
.replace(/(index|default).[a-zA-Z]{3,4}$/,'') 
.replace(/\/$/,''); 
} 
var locationPath = filterPath(location.pathname); 
var scrollElem = scrollableElement('html', 'body'); 

$('a[href*=#]').each(function() { 
var thisPath = filterPath(this.pathname) || locationPath; 
if ( locationPath == thisPath 
&& (location.hostname == this.hostname || !this.hostname) 
&& this.hash.replace(/#/,'')) { 
    var $target = $(this.hash), target = this.hash; 
    if (target) { 
    var targetOffset = $target.offset().top; 
    $(this).click(function(event) { 
     event.preventDefault(); 
     $(scrollElem).animate({scrollTop: targetOffset}, 400, function() { 
     location.hash = target; 
     }); 
    }); 
    } 
} 
}); 

// use the first element that is "scrollable" 
function scrollableElement(els) { 
for (var i = 0, argLength = arguments.length; i <argLength; i++) { 
    var el = arguments[i], 
     $scrollElement = $(el); 
    if ($scrollElement.scrollTop()> 0) { 
    return el; 
    } else { 
    $scrollElement.scrollTop(1); 
    var isScrollable = $scrollElement.scrollTop()> 0; 
    $scrollElement.scrollTop(0); 
    if (isScrollable) { 
     return el; 
    } 
    } 
} 
return []; 
} 

}); 

沿東西線

回答