poordeveloper / ion-sticky Goto Github PK
View Code? Open in Web Editor NEWA lightweight Angular directive for Ionic framework to have sticky list headers
License: MIT License
A lightweight Angular directive for Ionic framework to have sticky list headers
License: MIT License
The directive shows/hides the cloned list divider elements at almost the right time, but not quite perfectly. This is due to an error in the position-related calculations.
hey there! got an issue, there's an expression I'm setting in the item-divider wrapper, and when the sticky header is cloned its not cloned with it, seems like it only does clone the "text" in it
here's an example
http://codepen.io/JFernandoG/pen/xOmPpL
If you click anywhere inside the ion-content the "dinamicNumber" will be added +1 everytime, and when scroll and the sticky is created and you keep clicking its not updated, but when you go back to the top, the change in the scope is there.
Maybe this could be solved with another element using ng-model but would like to know if there's a solutions within ion-sticky
I'm using sticky headers for a list of items over the next couple of days. If a user does not have any things for a specific day, we are hiding that header as well as the list so that the day is just skipped.
Any ideas?
There's a Enable Disable or Destroy create?
In my app something i have to remove the item-divider and re-add it latter.
If i remove theme i got this error from ion-sticky
Uncaught TypeError: n.prop is not a function
If i re-add the item-divider it fix itself
In fact i hide item-divider display none
with class and CSS and it make the error i mentionned above
Hello, i made a simple list with ng-repeat. But the list dividers are not sticky. Does this work with ng-repeat?
Hi,
is it possible work with collection-repeat? i have tried your "demo-collection-repeat.html", but seems it is not working, is it still progressing or ?
plz advise.
thx.
Hello,
Thank you for this! This is terrific and I am planning to use it my project. One issue I am facing is that the dividers are not auto-detected during scope change. I am dynamically inserting the list based on what the user selects, so it doesn't add them to the dividers[] array.
I can possibly write a scope watch, but I am a little unsure about the performance impact, so thought of asking you directly!
Cheers, Krishna.
I have tabs at the top of my content, but the scrolling content has to go far under the tabs before the sticky is shown, how do you use this with top-tabs?
I'm trying to have a divider include an HTML select box. When I select an option (other than the first item) and then scroll, the select reverts back to the initial option. If you scroll back to the top of the list, the select changes back to what it should have been set to.
Here is a code pen displaying the issue:
Thanks for the extension,
I would like to request the configuration for color when the item-divider is sticky.
Can I make a pull request for this?
Thanks
I was testing some other frameworks using sticky headers and noticed that a lot of them don't work on mobile, and this works very well and smoothly. I don't know Ionic well enough, but is it possible to abstract out Ionic and achieve the same results?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.