Ниже приведен пример, показывающий содержимое другого div при нажатии кнопки.
Fidddle: 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);
});