fix missing dom selector in stickynav vue

This commit is contained in:
Mathieu Jaumotte 2021-07-07 18:58:11 +02:00
parent 3970bb2644
commit 3653d7e0b8
2 changed files with 4 additions and 4 deletions

View File

@ -44,7 +44,7 @@
To use if you want to add a banner below the header (ie the menu)
#}{% endblock %}
<div class="content">
<div class="content" id="content">
{% block sublayout_content %}
<div class="container-xxl">
<div class="row justify-content-center">

View File

@ -1,5 +1,5 @@
<template>
<teleport to="#content_conainter .container.content .container">
<teleport to="#content">
<div id="navmap">
<nav>
<a class="top" href="#top">
@ -27,7 +27,7 @@ export default {
},
data() {
return {
header: document.querySelector("header.navigation.container"),
header: document.querySelector("header nav.navbar"),
bannerName: document.querySelector("#header-accompanying_course-name"),
bannerDetails: document.querySelector("#header-accompanying_course-details"),
container: null,
@ -60,7 +60,7 @@ export default {
ready() {
// load datas DOM when mounted ready
this.container = document.querySelector("#content_conainter .container.content .container");
this.container = document.querySelector("#content");
this.stickyNav = document.querySelector('#navmap');
this.anchors = document.querySelectorAll("h2 a[name^='section']");
this.initItemsMap();