Вставил скрипт со стороннего сайта
<script src="//s36.ucoz.net/src/jquery-1.7.2.js"></script>
<style>
.tps-section {
width: 100%;
height: 500px;
-webkit-perspective: 10em;
-moz-perspective: 10em;
-ms-perspective: 10em;
-o-perspective: 10em;
perspective: 10em;
-webkit-perspective-origin: center bottom;
-moz-perspective-origin: center bottom;
-ms-perspective-origin: center bottom;
-o-perspective-origin: center bottom;
perspective-origin: center bottom;
-webkit-perspective-origin: 50% 50%;
-moz-perspective-origin: 50% 50%;
-ms-perspective-origin: 50% 50%;
-o-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.block-scroll-2 {
margin-bottom:0px;
overflow: hidden;
}
.tps-section {
width: 100% !important;
max-width: 1000px;
margin: 0 auto;
}
.block-container {
font-size: 30px;
margin-top: 0px;
}
.block1 .tps-wrapper {
background: #20B2AA;
height: 500px;
}
.block2 .tps-wrapper {
background: #00FF7F;
height: 500px;
}
</style>
<script src="//delaisait.ucoz.ru/script/effect/2014/js/jquery.tiltedpage-scroll.js"></script>
<div class="block-scroll-2">
<div class="block1">
<div class="block-container">
<h1>Блок 1</h1>
</div>
</div>
<div class="block2">
<div class="block-container">
<h1>Блок 2</h1>
</div>
</div> <div class="block1">
<div class="block-container">
<h1>Блок 3</h1>
</div>
</div>
<div class="block2">
<div class="block-container">
<h1>Блок 4</h1>
</div>
</div>
<div class="block1">
<div class="block-container">
<h1>Блок 5</h1>
</div>
</div>
</div>
<script>
$(".block-scroll-2").tiltedpage_scroll({
sectionContainer: "> div",
outAnimation: false
});
</script>
И после этого съехал bottom. Помогите вернуть его наместо.
Хотел попробовать убрать этот элемент только с данной странице, но что-то не получилось.