Я уже закончил работу над сайтом, над которым я работал некоторое время, но теперь у меня есть проблема:
Я использовал относительное позиционирование, чтобы поместить div выше того места, где они обычно находятся (top: -200px, например), и это привело к тому, что в нижней части моей страницы появилось поле около 300px, которого я не хочу видеть.
Я понимаю, что должен был использовать float: left;css, чтобы избежать этой проблемы, и это моя вина, но есть ли способ просто обрезать нижние 300 пикселей сайта с помощью jquery?
Вы не можете просто обрезать абсолютную высоту и скрыть переполнение, потому что высотаизменения с определенными динамическими элементами на странице.
Я написал этот скрипт, чтобы попытаться это сделать:
$(document).ready(function(){
x=$('body').css("height");
y=x.slice(0,4);
z=parseInt(y);
z=z-50;
$('.contain').css("height",z+"px"); //.contain is a div that contains everything in the page
});
За исключением того, что это не работает!Он изменяет высоту контейнера (и я вижу его в firebug как более короткий), но он не обрезает содержимое!Он просто ... становится меньше, ничего не делая.Что с этим?
// edit
Вот эта страница http://olli.es/NSUW/index.html