Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.04.2021, 14:55
Новичок на форуме
Отправить личное сообщение для kempachik Посмотреть профиль Найти все сообщения от kempachik
 
Регистрация: 13.04.2021
Сообщений: 1

Js cod connect
Ребят помогите советом не могу подключить JS я делаю фиксированную шапку но сам JS не могу подключить (работаю через Brackets) в Html в коде с низу подключил JQuery (<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> 3 модель)
под ним прописал путь:
<skript src="assets/js/app.js"></skript>
но при всём этом JS не запускается
вот код JS:
$(function () {
var header = $("#header")
, introH = $("#intro").innerHeight()
, scrollOffset = 0;
$(window).on("scroll", function (){
scrollOffset = $(this).scrollTop();
if (scrollOffset >= introH) {
header.addClass("fixed");
}
else {
header.removeClass("fixed");
}
});
});
Ответить с цитированием
  #2 (permalink)  
Старый 13.04.2021, 15:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,365

kempachik,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #3 (permalink)  
Старый 13.04.2021, 15:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,365

фиксированная шапка
kempachik,
<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
        body {
            height: 2000px;
            margin: 0;
        }
        #intro {
            height: 100px;
            width: 100vw;
            background-color: #008000;
        }
        #header {
            height: 100px;
            width: 100vw;
            background-color: #FF00FF;
        }
        #header.fixed {
            position: fixed;
            top: 0;
        }
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        $(function() {
            var header = $("#header"),
                introH = $("#intro").innerHeight(),
                scrollOffset = 0;
            $(window).on("scroll", function() {
                scrollOffset = $(this).scrollTop();
                if (scrollOffset >= introH) {
                    header.addClass("fixed");
                } else {
                    header.removeClass("fixed");
                }
            });
        });
    </script>
</head>
<body>
    <div id="intro"></div>
    <div id="header"></div>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ищу JS разработчиков в лесу Kenjuy27 Работа 0 18.07.2018 09:06
Диалог между HTML и внешним JS в контексте расширения GoogleChrome ev1lart Events/DOM/Window 0 26.04.2017 19:25
JS <-> Server Js. Severtain Общие вопросы Javascript 1 05.11.2011 13:36
JS Coaching для стартапа OlgaAyva Работа 12 27.09.2011 21:18
Картинка обрабатывается js 4yBaK Общие вопросы Javascript 10 11.09.2011 08:28