CODEWITHSUNDEEP
androidhtmlcsscordovaphonegap-build
charak
charak

Reputation: 187

Hide the scroll bar in Phonegap application

enter image description here

Hi I am working on a phonegap app. here is the code for the scrollable area

<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;">

this code is in javascript and this div is appended to body. there appears a right vertical bar which i am unable to get rid off. how do i get rid off it?

Upvotes: 1

Views: 2217

Answers (1)

Sarantis Tofas
Sarantis Tofas

Reputation: 5167

Use -webkit-scrollbar in your CSS file. It will hide all scrollbars across the app.

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

If you want to hide the scrollbars for a specific element then:

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

Upvotes: 7

Related Questions