3. Lists are showing scrollbars

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

Lists are showing scrollbars

  • B

    Hi All,

    Just getting started with onsenui.

    I had been previously using a beta version (v2.0.0-beta) of the onsenui library in a Visual Studio Tools for Apache Cordova project.

    Have now updated to c2.0.0-rc1 (via bower) and am now noticing that the lists (which previously behaved as I’d expect - no visible scrollbar) are now showing a scrollbar (note - I haven’t changed any of the source code of my app - just basically updated the references to the onsenui libs and css).

    Here is v2.0.0-beta (running on a phone - this was the first cut of the application as a POC):

    0_1462422844814_upload-15cd0798-722b-46b2-a2c6-51d0bc523bf3

    (no scrollbar to the right)

    The lists tutorial (via the website):

    0_1462422964831_upload-f6234d4e-9064-4c43-834c-505e988a1fc5

    (scrollbars to the right)

    I also see the same behaviour in the ripple emulator.

    Not sure why these scrollbars are showing up. Hopefully its something silly that I’ve done (or haven’t configured).

    Can anyone let me know how to get the non-scrollbar behaviour back?

    0

  • We enabled scrollbars in the new version since people generally want a scrollbar for long content.

    You can disabled it with the following CSS rule:

    .page__content::-webkit-scrollbar {
  display: none;
}
    0
  • B

    That’s exactly what I want.

    Thanks for the quick reply.

    0