如何在加載時將頁面向下滑動到div？

所以當頁面加載時，我希望它滑動到有針對性的div。如何在加載時將頁面向下滑動到div？

var todayStory = $('#day2main'); 
var initialOffset = 550; 

$('.storyContainer').load('story.html', function() { 
    //story loads fine. 
    $('html,body').animate({scrollTop:$(todayStory).offset().top-initialOffset}, 1000); 
    //doesn't animate to div I indicate. 
});

幫助！謝謝，麻煩您了！

來源

2013-02-04 Layne

你不想使用''＃字符，而無需滾動？ –

我目前正在搜索此解決方案 – kabuto178

你可以嘗試window.location.hash：

$(document).ready(function() { 
    window.location.hash = '#day2main'; 
});

來源

2013-02-04 05:51:04

這不會產生滑動效果。它會移動窗口焦點在那個特別的div – asifsid88

編號：SMOOTHLY SCROLL TO AN ELEMENT WITHOUT A JQUERY PLUGIN

$('html, body').animate({ 
    scrollTop: $("#day2main").offset().top 
}, 2000);

來源

2013-02-04 05:56:55 Kolby

好吧，這樣的作品。謝謝。但我有兩個混雜的變數。首先，它需要滑動到頂部以下550px。我試着添加「.top + 550」，但似乎沒有工作。其次，我想在文檔上運行它，但它似乎總是被關閉幾百個像素。有什麼建議麼？ – Layne

試試這個

$('html, body').animate({scrollTop:$('#day2main').position().top}, 'slow');

來源

2013-02-04 05:58:43 bipen

當數據被加載到div中時，它會執行動畫嗎？ – kabuto178

是的，它可以..你可以嘗試一下 – bipen

試試這個：

$('html,body').animate({ 
    scrollTop: $('#day2main', '.storyContainer').offset().top 
}, 1000);

由於您的#day2main是動態加載div所以直接你不能給該div的事件。試試這個小提琴：

http://jsfiddle.net/VXr9j/

來源

2013-02-04 06:12:13 Jai

如何在加載時將頁面向下滑動到div？

回答

相關問題