Stack Overflow
Stack Overflow

Questions tagged [ion-content]

13 questions
9
votes
2 answers

How to detect scroll reached end in ion-content component of Ionic 4?

In Ionic v3 ion-content there was properties like "scrollTop". In Ionic v4 there are no more of this properties... How could I determine if a user reached the end of the…
rtrap
  • 93
  • 1
  • 3
5
votes
3 answers

How to detect if ion-content has a scrollbar?

I want to hide or show elements when there is or there isn't a scrollbar on ion-content. More specifically, I want to show a button (to load more items in a list) when there's no scrollbar and hide it where there is a scrollbar (so the loading of…
nunoarruda
  • 2,679
  • 5
  • 26
  • 50
3
votes
0 answers

Setting --offset-top on Ionic 5

So I've got an ionic page with a translucent ion-header and fullscreen ion-content. The problem is that changes on the CSS are not applied when overriding the ion-content as mentioned on the official site and default styles are being applied on the…
Mannix
  • 41
  • 6
2
votes
3 answers

How can I implement pinch-in / pinch-out with Ionic?

I use Ionic4 and Angular8. I want to pinch-in / pinch-out the screen on a smartphone. What i tried The following description has been added to index.html.
t-tomo
  • 21
  • 1
  • 2
2
votes
1 answer

Infinite scroll does not work with ion-content fullscreen

I am using infinite scroll in Ionic-3 and I hide Main-Header and showing Mini-header on scroll.It is a causing problem in android only and problem is : On scrolling Main-Header Stuck behind as shown in Image, I used ion-content with fullscreen to…
zahid shabbir
  • 127
  • 2
  • 11
1
vote
0 answers

Ionic 4: the ion-content element's height changes when input is focused and user is scrolling

I found that when an input element is focused and the user is scrolling up or down, the height of the ion-content would have an increase in height which is basically equal to the height of the input element. If a textarea is focused, then the height…
Terry Windwalker
  • 1,343
  • 2
  • 16
  • 36
1
vote
1 answer

How to set start y-position of ion-content scroll?

I'm trying to set up the scroll position of ion-content a little bit down to hide some elements at the beginning of this control. I need something like this I have tried 'start-y="xx"' attribute but it doesn't work. Any suggestions?
Jhon Tobar
  • 13
  • 3
1
vote
1 answer

How to make Ionic list Scrollable by their pixel position with angularjs on button click using $ionicScrollDelegate?

after the research for scrolling by pixel position i wrote code successfully and working fine for me
Manish Kumar
  • 21
  • 7
0
votes
0 answers

Ionic 5 ion-content ion-list scroll disabled after scroll down

I am experiencing the following when having an ion-list within an ion-content: At first I thought that the ion-refresh was causing this bug, but now that I removed it, it is still there. So I have an ion-content and in there an ion-list. If I now go…
jo-chris
  • 362
  • 6
  • 13
0
votes
1 answer

how to fix a button inside a div that is inside an IonSlide?

I have three components are inside an IonSlides. I would like to fix "Registration" button of a component in bottonm of that IonSlides. how should I do? Register.tsx: …
Shokouh Dareshiri
  • 826
  • 1
  • 12
  • 24
0
votes
2 answers

ion-content height 100% bigger than screen

I need to build a single page vertically responsive, it needs to be full screen and no scroll. I've tried doing ion-content: { height: 100%; } and many other possible solutions but nothing seems to work. I've found that in small devices like…
Nicolás Aguirre
  • 33
  • 1
  • 5
0
votes
1 answer

Ionic 2/3 - How to keep a side menu open until the user clicks on a given button?

Is there a way to keep an Ionic 3 side menu open until the user clicks on a given button? The default behavior is that a side menu closes itself when the ion-content associated with receives a click event. I would like to override this behavior.…
Gregordy
  • 597
  • 7
  • 18
0
votes
4 answers

Override ion-content's background color

We set ion-content's background color in app.scss or wherever. How can I override it? When I put this into the page's scss: #page-content { background-color: purple; } Nothing happens. (Of course I added the id to the tag:
Display Name
  • 4,502
  • 2
  • 47
  • 63