Question

让我引用Jerry Seinfeld的编码技能：“没人知道该怎么做。您只要闭上眼睛，并希望自己做到最好”。

我正在尝试使jquery scrollify函数正常工作。但是，在我的两页上，左右两侧都有一个奇怪的边距/边框/边距。它在www.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>

使用scrollify jQuery删除白色边距/边框

0 个答案: