Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support headers and footers #103

Closed
hawkett opened this issue Sep 18, 2015 · 2 comments
Closed

Support headers and footers #103

hawkett opened this issue Sep 18, 2015 · 2 comments

Comments

@hawkett
Copy link

hawkett commented Sep 18, 2015

Unique fixed items at the start/end of the list - example (screenshots of current behaviour below):

<iron-list items="[[items]]">
  <div>I'm a list header</div>

  <template>
    <div>Item <span>{{index}}</span></div>
  </template>

  <div>I'm a list footer</div>
</iron-list>

screen shot 2015-09-18 at 1 54 24 pm

screen shot 2015-09-18 at 1 55 34 pm

@Ortham
Copy link

Ortham commented Sep 19, 2015

You could do this with an external scroll target being a parent element, and put the header/footer as siblings of the iron-list, but AFAIK external scroll targets haven't yet made the jump to 1.0 (I'm waiting on the support myself)...

@blasten
Copy link
Contributor

blasten commented Oct 8, 2015

@hawkett
@WrinklyNinja is right, external scroll target should help you to achieve this. Give it a try in: https://github.com/PolymerElements/iron-list/tree/custom-scroller

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants