这里是点击按钮时显示不同 div 内容的例子。
fiddle :http://jsfiddle.net/teddyrised/NHtvM/15/
而不是div,我想在点击链接时显示不同页面的内容。 不得出现滚动条。
页眉和页脚应保持固定。如何做到这一点?
JS:
$(function () {
// Scroll to function
function scrollTo(ele) {
$("html, body").animate({
scrollTop: $(ele).offset().top - $("header").outerHeight()
});
}
// Detect location hash
if (window.location.hash) {
scrollTo(window.location.hash);
}
// Detect click event
$("header a[href^='#']").click(function (e) {
var target = $(this).attr("href");
scrollTo(target);
e.preventDefault();
});
});
最佳答案
如果内容已加载,您可以隐藏-显示您需要的内容。如果按页面是指外部页面,则可以使用 ajax 调用来调用资源:
$.ajax({
url: "http://fiddle.jshell.net/user/login/",
context: document.body
}).done(function(data) {
target.html(data);
scrollTo(target);
});
关于javascript - 单击链接时显示每个页面的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20868729/