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

Using a custom router but keeping push js animations #697

Open
Tarang opened this issue Oct 25, 2014 · 1 comment
Open

Using a custom router but keeping push js animations #697

Tarang opened this issue Oct 25, 2014 · 1 comment

Comments

@Tarang
Copy link

Tarang commented Oct 25, 2014

We're using Meteor's DOM manipulation library, Blaze. The same thing could be said for reactJs.

Is it possible to use the animations in push.js but use the routing from these DOM libraries?

This is what a page looks like:

<template name="home">
    <div id="ios7-statusbar-fix"></div>
    <!-- Make sure all your bars are the first things in your <body> -->
    <header class="bar bar-nav">
        <h1 class="title">Title</h1>
    </header>

    <!-- Wrap all non-bar HTML in the .content div (this is actually what scrolls) -->
    <div class="content" style="padding-bottom: 50px;">
        <h6 style="text-align: center;">Last updated 15 mins ago</h6>
        <div class="card">
            {{>yield}}
        </div>
    </div>
</template>

The {{>yield}} is automatically patched with the new content. It can be moved to anywhere.

Additionally it is possible to make the whole page the yield.

Templates are stored in JS objects so its not really possible to fetch them as URLs, is there a way to use PushJS and somehow inject these in as DOM elements instead of a url to a html link?

@hnrch02 hnrch02 added the js label Oct 25, 2014
@helloworlder
Copy link

#683

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

4 participants