About how to display scrollbars

Asked 2 years ago, Updated 2 years ago, 105 views

I am creating a hybrid app with OnsenUI and jQuery, but
I want to display the scroll bar on a screen like a search list, but I don't know how to do it.

The basic structure of the page is as follows:

<ons-navigator var="onsnav_search">
<ons-pageng-controller="ctrl_search.html">
<ons-toolbar style="height:110px;"fixed-style></ons-toolbar>

<divid="id-main">
<ul class="cs-ulh" id="ul-search">
<li>/li><li><li>....<li><li></li>
</ul>
</div>

</ons-page>
</ons-navigator>

It is unclear whether it is an OnsenUI or jQuery problem, but
At least there is no mention of explicitly disabling the scrollbar.

I suspected that the contents of ons-page would be disabled for scrolling, so I tried it.
It doesn't seem so.Implement sliding menu in the first place
I understand that ons-page is essential to
It seems to be a fundamental problem, but I would appreciate it if you could give me some advice.

javascript jquery onsen-ui html5 scrollview

2022-09-30 18:46

1 Answers

Why don't you try iScroll5?

http://cubiq.org/iscroll-5

_iscroll=newIScroll(_$obj.get(0),
{
    scrollbars —true,
    fadeScrollbars —true
});

However, I think OnsenUI included iScroll4, so it is impossible to use it together or it may not work as expected.I don't use OnsenUI, so I'm dealing with it now.


2022-09-30 18:46

If you have any answers or tips


© 2024 OneMinuteCode. All rights reserved.