On the Zurb docs pages (http://foundation.zurb.com/docs/components/orbit.html) there is an example of deep linking into an orbit control from a link. Works fine as per the example. However, I want to deep-link from another page, i.e. I want to click on a link in a page that does not contain the orbit in question and return to the page with the orbit and slide the orbit over to a particular slide.
As per the docs I have data-orbit-slide and data-orbit-link setup but it always returns back to the first slide.
Anyone else try this? Is it even possible? Thanks.
Related
I have been trying to recreate the functionality of an Instagram or Twitter profile page, and I have run into a problem that I don't know how to solve.
The main idea that I use to reproduce this functionality is to use the contentOffset of ScrollView with cells, and change the vertical offset of the ProfileView so that when scrolling the list it disappears, and the view of the list switcher is fixed on top.
The problem is that when scrolling one list, and switching to another, I have an indent in top of the list, which I do not know how to make adaptive to the scroll of any of the lists and to the cells count in each list.
Maybe it would be worth adding another ScrollView in which to place the ProfileView and the view list switcher, but how to make them work similarly to what is in Instagram?
I have searched a lot on the internet for a solution, but I have not found anything to help me solve this exact problem, I will be very grateful for your help.
I created a small project demonstrating the problem, here is the GitHub link, you can download and run it: https://github.com/swiloper/StickyHeader
And also an example of the problem and desired functionality with Instagram:
enter image description here enter image description here
Is there a way in Ionic 2 to be able to transition between pages as if we were in a Slides component? Meaning that as soon as I start swiping a little left or right I start seeing a piece of the next or previous page? If I continue swiping then I transition to the next/previous page, else I go back to seeing only my current page.
It's like having a dynamic slides component, where ion-slide are automatically added. A little bit like the way the infinite scroll works, we could have 2 to 3 ion-slide in the DOM and they'd be reused as we move forward/backward.
This feature will be available in beta 7 (we are in beta 6) for tabs in material design. The option to swipe back in the pages stack is already available but you must be running on a device to see it in action. Check out the Ionic2 road map to see whats up and coming: https://docs.google.com/document/d/1Qlc5X2eJyOB0izkFlH7KJ5BmMi0MeXUZRHJHt3hS6Wo/edit
I'm working on an application that has a listing of events and each event has its own detailed show page. Everything seems fine, but one complaint I've received is that we're not maintaining the scroll position when going from the detail page back to the index listing.
For an example of the ideal behavior, go to http://discuss.emberjs.com/, scroll down the page a ways, click a link, then click the back button. You're brought to same place you were previously at, somewhere further down the page.
With our app, if you try to do this, you're brought back to the top of the page while the results are reloaded from the API. Then when the results load, your position is lost.
Is there a way to achieve what Discourse does while using query params?
How can I disable the Previous button on the first slide and Next button on the last slide in jQuery Cycle2 Malsup plugin?
I know this question has been answered before for the Cycle "1" plugin (and that it's posted as a demo on malsup's page). But how do I go about implementing it for the Cycle 2 version? I can't seem to find a simple answer anywhere and I'm pathetically too newbie in Javascript to understand the Cycle 2 API page. Could someone help me by showing me a fiddle?
This is actually done automatically if you set the data-cycle-allow-wrap option set to false in the cycle HTML. It will add the class disabled to the prev/next control if it is at the beginning/end of the slideshow. Then you just use CSS to style it so it hidden, or grayed out. No extra Javascript needed.
Here is a fiddle example: http://jsfiddle.net/X3kYY/
I am having trouble stopping the first scrolling once the page loads. You can see it here http://foundation.zurb.com/docs/components/joyride.html . After loading the website, joyride window scrolls automatically page littlebit lower
See it better in the old demo http://zurb.com/playground/jquery-joyride-feature-tour-plugin
I need the website to load normally (with top bar) and then activate scrolling after "next" button is clicked.
I am using latest version of Foundation 4 and foundation.min
Currently I am trying the docs page and it does not scroll, so either they fixed it or it was not a problem at all initially.
http://foundation.zurb.com/docs/components/joyride.html
Either ways, I see the best solution for you is to have the first step way above in the page, so that even when it takes focus, there's no page scrolling needed.