JavaScriptNuxtJSVueJS

Как зафиксировать элемент над другим элементом JavaScript

Как зафиксировать элемент над другим элементом JavaScript

Пример использования

Если надо импортировать фукнцию то сначала её импортируем | If you need to import a function, first import it

import { fixingTargetAboveMark } from ./PATH/TO/SCRIPT/fixingTargetAboveMark.js

Или подключаем скрипт | Or connect the script

<script src="./PATH/TO/SCRIPT/fixingTargetAboveMark.js"></script>

Или вставляем в тело кода | Or we insert it into the body of the code Затем вызываем его по готовности документа | Then we call it when the document is ready:

document.addEventListener('DOMContentLoaded', function () {
	fixingTargetAboveMark('.filter__btn', '.filter__btn-mark-for-fixed')
})

Как подключить скрипт в NuxtJS

Импортируем нашу функцию из /helpers | Importing our function from /helpers

import { fixingTargetAboveMark } from '@/helpers/fixingTargetAboveMark';

Здесь DOMContentLoaded заменяет onMounted | Here DOMContentLoaded replaces onMounted

onMounted(()=>{  
  fixingTargetAboveMark('.filter__btn', '.filter__btn-mark-for-fixed')
})

Как подключить скрипт в VueJS

Сначала импортируем onMounted из vue | First we import unmounted from vue

import { onMounted } from 'vue'

Импортируем нашу функцию из /src/helpers | Importing our function from /src/helpers

import { fixingTargetAboveMark } from '@/helpers/fixingTargetAboveMark';
onMounted(()=>{  
  fixingTargetAboveMark('.filter__btn', '.filter__btn-mark-for-fixed')
})

null
play