Change which element to use for pull-to-refresh

This commit is contained in:
Jason McBrayer 2018-09-20 08:23:12 -04:00
parent 133a35bcc5
commit 99032361b0
1 changed files with 107 additions and 109 deletions

View File

@ -49,7 +49,7 @@
<div id="page-load-indicator">&nbsp</div>
{% block navbar %}
<nav class="navbar is-fixed-top is-primary" role="navigation"
aria-label="main navigation">
aria-label="main navigation" id="main-nav-bar">
<div class="navbar-brand">
<a class="navbar-item" href="{% url "home" %}"
ic-get-from="{% url "home" %}"
@ -171,7 +171,6 @@
{% endif %}
</nav>
{% endblock %}
<div id="main-outer">
<section id="main" class="section" ic-history-elt="true">
<div class="container">
{% block content %}
@ -184,7 +183,6 @@
{% endblock %}
</div>
</section>
</div>
<footer class="footer">
<div class="level">
@ -215,11 +213,11 @@
<script type="application/javascript">
$(document).ready(function () {
menuPrepare();
$("#main-outer").pullToRefresh({
$("#main-nav-bar").pullToRefresh({
refresh: 200,
simulateTouch: false,
threshold: 100,
scroll: "#main-outer",
scroll: "main-nav-bar",
});
$(document).on("refresh.pulltorefresh", function ($element, y){
$("page-load-indicator").show();