當用戶點擊一個按鈕時滾動到div標籤中的內容

當用戶單擊我的頁面上的按鈕時，它會刷新2個div，其中包含來自2個不同頁面的內容。該按鈕位於第二格。當用戶點擊一個按鈕時滾動到div標籤中的內容

我想要它，所以當按鈕被點擊時，它會滾動回主頁面上的一個點。通常它的<a name=top>的東西，但現在我使用divs我不知道如何去做這件事。

佈局，如：

<page> 
<- jump to here -> 
<div1> data </div1> 
<div2> buttons </div2> 
</page>

在我的主網頁的代碼是：

$(function() { 
$(".loadlink").click(function(event) { 
event.preventDefault(); 
$("#result").load($(this).data('url'), function() { 
     $('#crimes').load('crimes_get.php'); 
    }); 
    }); 
});

來源

2012-02-02 user1022585

我相信你的JavaScript應執行沿着document.body.scrollTop = 0;東西線（或其他一些價值超過0，如anchorElement.offsetTop滾動到預定義的元素，但請確保您不會弄亂offsetParents - 請參閱MDN以供參考。）

來源

2012-02-02 22:48:56

不知道在哪裏我應該添加這個，即時通訊不是很好的JavaScript。更新我的原創帖子，以顯示我的jQuery代碼 – user1022585 2012-02-02 22:52:37

啊，在jQuery中不是那麼好，但我的猜測是： '$（「＃result」）。load（$（this）.data（'url'），function ）{ $（'＃crimes'）。load（'crimes_get.php'，function（）{/ *在這裏插入代碼* /}）;' – 2012-02-02 22:54:28

我用

$(function() { 
    $(".loadlink").click(function(event) { 
    event.preventDefault(); 
    $("#result").load($(this).data('url'), function() { 
    window.scrollTo(0, 0) //<------- THIS 
    $('#crimes').load('crimes_get.php'); 
    }); 
}); 
});

來源

2012-02-02 23:20:14 user1022585

怎麼樣的動畫？

$(function() { 
    $(".loadlink").click(function(event) { 
    event.preventDefault(); 
    $("#result").load($(this).data('url'), function() { 
     var topPos = $("#targetDiv").offset().top; 

     $("body").animate({"scrollTop": topPos}, 200) 
     $('#crimes').load('crimes_get.php'); 
    }); 
    }); 
});

來源

2012-02-02 23:25:37 Adaz

theres no #targetdiv，它的主窗口/身體我想滾動。有可能這樣做嗎？ – user1022585 2012-02-02 23:45:48

當用戶點擊一個按鈕時滾動到div標籤中的內容

回答

相關問題