Jump to content


Photo

Build with Phonegap - Scrollbars missing


  • Please log in to reply
3 replies to this topic

#1 ielite

ielite
  • Members
  • 704 posts

Posted 04 November 2016 - 04:04 AM

When I build the following using Phonegap, my scrollbars is missing on my android device  (Samsung Galaxy Note 4)

 

 

 
 
 
 
 
 

  • two_dog_knight likes this

#2 ielite

ielite
  • Members
  • 704 posts

Posted 04 November 2016 - 04:46 PM

I switched to using iscroll, and it seems to work now.

 

However, I would still be interested in knowing why a DIV with a style of  "Overflow: Scroll"   does not seem to snow the scroll bars on android device wen packaged through PhoneGap



#3 Laksekjønn

Laksekjønn
  • Members
  • 440 posts

Posted 04 November 2016 - 09:39 PM

in webkit browser, you can customize scrollbar:

::-webkit-scrollbar {
    width: 10px;  /* add 10px scrollbar space */
    background: #E2B7B7;  /* optional: just make scrollbar almost invisible */
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}

  • ielite likes this

#4 ielite

ielite
  • Members
  • 704 posts

Posted 04 November 2016 - 09:49 PM

Thanks, I will give that a try!

 

 

 

in webkit browser, you can customize scrollbar:

::-webkit-scrollbar {
    width: 10px;  /* add 10px scrollbar space */
    background: #E2B7B7;  /* optional: just make scrollbar almost invisible */
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users