2016-04-26 12 views
1

enter image description here私はPhoneGapのアプリに取り組んでいますPhoneGapのアプリケーションでのスクロールバー

こんにちは を非表示にします。ここでのスクロール可能な領域

<div id = "contentoutter" style ="width:'+winwidth+'px;height:'+screendummy+';float:left;overflow-x:hidden;overflow-y:auto;margin-top:'+height50+'px;-webkit-overflow-scrolling: touch;position:relative;"> 

このコードはJavaScriptであり、このdiv要素は、本体に添付されるためのコードです。右の縦の棒が現れ、私はそれを取り除くことができません。どのように私はそれを取り除くのですか?

+1

してください** **あなたのポストに以下の質問に答えます。これはこの件に関する最初の投稿と思われるので、これはあなたの最初のハイブリッドアプリケーションですか? * Phonegap Desktop App *を使用していますか?ターゲットプラットフォームとターゲットバージョンは何ですか:Android 4,5,6? iOS 7,8,9? [CLI、SDK、Build](https://github.com/jessemonroy650/top-phonegap-mistakes/blob/master/new-to-Phonegap.md#001)を使用していますか?答えをお考えにならないでください、リンクをお読みください。 *あなたはあなたが投稿に情報を追加したことを知っているので、*あなたは* – JesseMonroy650

答えて

5

CSSファイルに-webkit-scrollbarを使用してください。アプリ全体のすべてのスクロールバーが非表示になります。

::-webkit-scrollbar { 
    display: none; 
} 

あなたは、特定の要素のスクロールバーを非表示にする場合

#your_element::-webkit-scrollbar { 
    display: none; 
} 
+0

この回答は良い浪費です。明らかにモバイル開発者ではありません。 – JesseMonroy650

+0

これは私のphonegapアプリケーションから来る答えです、それは期待どおりに動作します – Akis

+0

あなたは私が何を言っているかを確認しています。 – JesseMonroy650

関連する問題