自分で何かをしたい場合は、次のようなことができます。
var targetOffset = $('#post-10').offset().top ;
var scrollElem = scrollableElement('html', 'body');
$(scrollElem).animate({scrollTop: targetOffset}, 400, function() {
// scroll is complete
location.hash = 'post-10';
});
// Use the first element that is "scrollable" (cross-browser fix?)
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 [];
}
縦スクロール用です。
水平スクロールの場合、次のことができます。
var targetOffset = $('#post-10').offset().left ;
var scrollElem = scrollableElement('html', 'body');
$(scrollElem).animate({scrollLeft: targetOffset}, 400, function() {
// scroll is complete
location.hash = 'post-10';
});
多くの効果を備えた素敵な水平/垂直スクロールには、このプラグインを強くお勧めします.
http://demos.flesler.com/jquery/scrollTo/