Удалите белое поле / границу с помощью прокрутки jquery
Позвольте мне процитировать Джерри Сейнфелда относительно моих навыков кодирования: "Никто не знает, что делать. Просто закройте глаза и надейтесь на лучшее".
Я пытаюсь заставить работать функцию прокрутки jquery. Однако на моих двух страницах есть странное поле / рамка / отступы справа и слева. Это на http://marchjuly.com/retouching/hello
Как мне удалить эти поля? Мой код
<!doctype html><meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=3.0, minimum-scale=0.86">
<html>
<head>
<script>
$(function() {
$.scrollify({
section : ".example-classname",
});
});
</script>
<style>
.overview {
background:#006778;
}
.configuration {
background-image: url("http://www.marchjuly.com/solarium.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
</style>
<style>
h2 {
font-size: 300px;
text-align: center;
color: white;
padding-top: 14%;
font-family: Helvetica Neue;
letter-spacing: -10px;
</style>
<style>
h1 {
font-size: 65px;
text-align: center;
color: white;
padding-top: 22%;
font-family: Helvetica Neue;
letter-spacing: -3px;
</style>
<style>
a {
font-size: 15px;
margin: 20%;
text-align: center;
color: white;
padding-top: 26%;
font-family: Helvetica Neue;
letter-spacing: 0px;
</style>
</head>
<body>
</script>
</section>
<section class="panel overview" data-section-name="overview">
<div class="inner">
<h2>Bleck.</h2>
</div>
</section>
<section class="panel configuration" data-section-name="configuration">
<div class="inner">
<h1>Retouching studio based in London.</h2>
<a href="http://marchjuly.com/retouching/contact">Contact</a>
<a href="https://www.w3schools.com">Archive</a>
</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="jquery.scrollify.js"></script>
<script>
$(function() {
$(".panel").css({"height":$(window).height()});
$.scrollify({
section:".panel"
});
$(".scroll").click(function(e) {
e.preventDefault();
$.scrollify("move",$(this).attr("href"));
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36251023-1']);
_gaq.push(['_setDomainName', 'jqueryscript.net']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>