Fix sticky behaviour

2021-08-21 13:26:56 +02:00
parent 622c01afa0
commit f207c74dfe
2 changed files with 7 additions and 1 deletions
@@ -10,6 +10,7 @@ export default class extends Controller {
    static values = {
        sticky: Boolean,
        offset: Number,
+        disabled: Boolean,
    }

    initialize() {
@@ -29,6 +30,9 @@ export default class extends Controller {
    }

    toggle() {
+        if (true === this.disabledValue) {
+            return
+        }
        this.stickyValue = window.scrollY > this.offsetValue
    }

@@ -6,10 +6,12 @@

    <f:section name="Main">
        <div data-controller="searchbar"
-             {f:if(condition: fixed, else: ' data-controller="sticky" data-sticky-offset-value="650"')}
             data-action="datepicker:range-select->searchbar#setDateRange"
             data-searchbar-uri-value="{ep:uri.ajax(controller: 'Searchbar', action: 'index', pageUid: settings.defaultAjaxUid, format: 'html')}">
            <div class="searchbar {f:if(condition: fixed, then: ' sticky')}"
+                 data-controller="sticky"
+                 data-sticky-offset-value="650"
+                 data-sticky-disabled-value="{fixed -> f:format.json()}"
                 data-searchbar-target="container">
                <f:form action="processSearch" controller="Search" method="post" name="searchParams"
                        object="{searchParams}" pluginName="searchresult" extensionName="epproducts"