2016-03-26 8 views
1

私のサイトはサイドスクロールを許可したいです(サイドスクロールサイトなので)。現在、モバイルでは、垂直方向に無限にスクロールすることができます。ページの垂直スクロールをすべて停止するにはどうすればよいですか?

<body> 
    <div id="first" class="panel"> <img class="brand" src="assets/images/RF_Logo.png"> </div> 
    <div id="newsletter" class="panel"> ... </div> 
    <div id="directions" class="panel"> ... </div> 
    <div id="contact" class="panel"> ... </div> </div> 
</body> 

と私のCSS:どのようにここでは、この/

であることは私のHTMLです

*{ 
    padding:0; 
    margin:0; 
    font-family: 'Josefin Sans', sans-serif; 
} 
html{ 
     overflow-y: hidden; 
} 
body{ 
    background-color: #1A1A1E; 
    min-height: 100vh; 
} 

.brand{ 
    width: 300px; 
    padding: 10px; 
} 

#first{ 
    height: 100vh; 
} 
+0

「[divにスクロールバーを持たない方法はありますか?]」(http://stackoverflow.com/questions/23683295/is-there-a-way-to-never-ever- have-a-scroll-bar-on-a-div) – TylerH

+0

タグにこれを追加してみてください:

+0

私にとってうまく動作します。あなたはMacでこれをやっていますか? – Ashwin

答えて

0

もあなたのCSSで身体に隠されたオーバーフローを追加:

体{ overflow-y: hidden; }

0

出発点bodyhtmlの両方についてheight: 100%overflow-y: hidden;が必要です(また、ではなくmin-height)。

関連する問題