В HTML я пишу
<body>
<head>
<title>Ветрогенераторы</title>
<script src="go.js"></script>
</head>
<div class="hero">
<div class="hero-inner">
<link rel="stylesheet" href="go.css">
<div class="hero-title">
<h1 class="text-light title font-2">time machine</h1>
<p class="text-capitalize text-light">here starts awesomeness</p>
</div>
<a href="#" class="sd">Scroll Down</a>
</div>
</div>
<div class="content clearfix">
<div class="container" style="padding-top: 60px">
<div class="row">
<div class="col-md-5">
<h2 class="text-uppercase">rame ipsum</h2>
<p class="font-alt">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui voluptatibus molestia!</p>
</div>
<div class="col-md-7">
<p style="padding-top: 47px">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam earum eos corporis totam vel, eaque sapiente officiis sint culpa inventore blanditiis hic cupiditate illo nam assumenda reprehenderit suscipit dolorum.</p>
</div>
</div>
</div>
<div class="container" style="height: 100vh"></div>
</div>
</body>
а в JS файлe
$('.sd').click(function(){
$('.hero, .content').addClass('scrolled');
});
$('.hero').mousewheel(function(e){
if( e.deltaY < 0 ){
$('.hero, .content').addClass('scrolled');
return false;
}
});
$(window).mousewheel(function(e){
if( $('.hero.scrolled').length ){
if( $(window).scrollTop() == 0 && e.deltaY > 0 ){
$('.hero, .content').removeClass('scrolled');
}
}
});
Но JS не работает внутри html что бы я не делал, даже если пишу js внутри самого html, все равно не помогает, при этом css файл коннектится отлично, что я делаю не так? Помогите пожалуйста