I am using RadListView and I am trying to scroll to the bottom of the list. It works great on Android and iOS until I add a header to the RadList. Once I add a header on Android it will scroll to the second to the last item, not all the way down.
See playground example here.
I have updated the playground here.
If you change it to
this.radList.scrollToIndex(this._dataItems.length - 1, false, ListViewItemSnapMode.Auto);
or
this.radList.scrollToIndex(this._dataItems.length - 1, false);
It works fine on both android and ios. ListViewItemSnapMode.Auto : The target item is snapped at the closest possible position which makes it clearly visible.
Related
I have this website -> https://life-5.webflow.io/ used with Fullpage.js.
If you open the website on mobile and try to tap one of the links in menu, everything goes fine.
For example "Výhody" are made from 5 tabs.. If you tap the link on top of the page you goes to 1st one, but if you scroll through the section and taps the "Výhody" once again, you get scrolled only to 5th tap and not to the top.
Any help how to fix this and makes the link always goes to the top of the section?
Thanks a lot for any help!
Check out the bigSectionsDestination option.
From the the fullpage.js documentation
bigSectionsDestination: (default null) Defines how to scroll to a section which size is bigger than the viewport. By default fullPage.js scrolls to the top if you come from a section above the destination one and to the bottom if you come from a section below the destination one. Possible values are top, bottom, null.
I am using tabbed navigation for my nativescript app. I have a playground sample here https://play.nativescript.org/?template=play-ng&id=WKlZDF&v=6
On the second tab, I have a list of tasks that is longer than most screens can display so it is wrapped in a <ScrollView>. The scrolling works as expected except when you get to the bottom. The final element is partially hidden by the <BottomNavigation>. If you drag up on the screen you can see the rest of the element but the second you release the screen it slides back down behind the <BottomNavigation>.
You can see what I am talking about in the playground or in the screenshot below. Does anyone know how to correct this? I thought about just adding a bunch of padding at the bottom but that seems super hackey.
Have a page with lots of input fields laid out vertically inside a scrollview - some at the bottom.
The problem is when I tap on an input field at the bottom - the keyboard pops up and hides the field - it doesn't auto scroll up to make the field visible.
This is on iOS.
Any help?
Doesn't happen in Android - it automatically makes the input field visible by moving it above the keyboard.
On iOS, you can use nativescript-iqkeyboardmanager plugin which resolves this case and makes the content "pushable".
Sample demo demonstrating the usage of the plugin can be found here.
In XCode 7, on a Swift 2 project, when I place a label onto the View, why is the label centred in XCode, but in the Simulator it's show off to the right?
This is just playing at the moment, where I don't want to play with constraints just yet (which I believe will be used later).
I had the same problem when working through a demo, and this worked for me. Try using the 4.7 inch size view controller:
Look in the middle left hand menu (the Document Outline), if not shown it’s under Editor > Hide Document Outline (a misnomer, clicking it will Show or Hide it).
Click on the View Controller so it's highlighted.
Click on the 4th tab of the right hand one (Utilities: the Attributes Inspector). If not shown it’s under View > Utilities > Show Attributes Inspector.
Under Simulated Metrics is a Size option to change from “Inferred” to “iPhone 4.7-inch”.
You'll need to realign things again, but now these should look central in the View and in the Simulator.
Constraints, when you want to get to them, will probably be more helpful in this regard.
This issue happens only in iOS 8 (8.1 to be exact). It does not reproduce in iOS 7.
The use-case: Scrolling inside an element with scrollable (long) content.
If the page is not zoomed-in - it works as expected.
When you zoom-in the page - it stops working, the page is scrolled instead (as if you reached the end of the scrollable content). The effect is continuous: the higher the zoom - it's less possible to scroll the content.
Test page: here
Open the link in your iOS 8 Safari - see that the list element is scrollable.
Now zoom-in the page and try to scroll the content of the list - the page is scrolled instead of the items inside the list.
I've placed the red markers so it will be easy to see that the page is scrolled.
I've tried different CSS rules and even JS to prevent the page from scrolling (that still does make the content of the element scroll).
Has anyone encountered this behaviour or has a suggestion how to fix it? I really don't want to implement content scrolling with JS.
Disabling the zoom on the page (with meta viewport) is not an option for me.