Nie przewija płynnie, a przeskakuję


ForumKategoria: JavascriptNie przewija płynnie, a przeskakuję
Waldek zapytał 8 lat temu

Witam, jakiś czas temu przeczytałem artykuł autorstwa Michała Kortasa na temat płynnego przewijania strony [link: https://webroad.pl/javascript/182-jquery-plynne-przewijanie-strony ]. No i wszystko fajnie, wygląda to faktycznie prosto! I na umiejętności laika, lecz mi to wszystko nie gra. Przeskakuję mi, a nie płynnie przewija. Proszę o pomoc. 

<head>
<meta charset= „utf-8”>
<meta name= „author” content= „waldemar pawelczyk”>
<title>WiolART – malarstwo</title>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no”>
<!– attach CSS –>
<link href= „css/bootstrap.min.css” rel= „stylesheet”>
<link href= „css/style.css” rel= „stylesheet” />
<link href= „css/fontello.css” rel= „stylesheet” />
<link href= „css/animate.css” rel= „stylesheet” />
<link href=’https://fonts.googleapis.com/css?family=Lato:300,400&subset=latin-ext,latin&#8217; rel=’stylesheet’ type=’text/css’>

</head>
<body>
<!– attach script –>
<script src= „js/jquery-1.10.2.js”></script>
<script src= „js/bootstrap.min.js”></script>
<script src= „js/script.js”></script>
<script src=”jquery.scrollTo.js” type=”text/javascript” charset=”utf-8″></script>
<script src=”jquery.localscroll.js” type=”text/javascript” charset=”utf-8″></script>
<script type=”text/javascript”> $(document).ready(function() { $.localScroll(); }); </script>

<nav class=”navbar navbar-default navbar-fixed-top”>
<div class=”container-fluid”>
<div class=”navbar-header”>
<button type=”button” class=”navbar-toggle” data-toggle=”collapse” data-target=”#myNavbar”>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
</button>
<a class=”navbar-brand” href=”#”>Logo</a>
</div>
<div class=”collapse navbar-collapse” id=”myNavbar”>
<ul class=”nav navbar-nav navbar-right”>
<li><a href=”#home”>HOME</a></li>
<li><a href=”#about”>BAND</a></li>
<li><a href=”#tour”>TOUR</a></li>
<li><a href=”#contact”>CONTACT</a></li>
<li class=”dropdown”>
<a class=”dropdown-toggle” data-toggle=”dropdown” href=”#”>MORE
<span class=”caret”></span>
</a>
<ul class=”dropdown-menu”>
<li><a href=”#”>Merchandise</a></li>
<li><a href=”#”>Extras</a></li>
<li><a href=”#”>Media</a></li>
</ul>
</li>
<li><a href=”#”><span class=”glyphicon glyphicon-search”></span></a></li>
</ul>
</div>
</div>
</nav>
<div id= „home” class= „home „>
<div class=”text-vcenter”>
<center><img class=”img-responsive” src=”img/logo.png” alt=”Chania”></center><br>
<div class= „down”>
<a href= „#about” class=”downlink”><i class=”demo-icon icon-down-circled”></i></a>
</div>
</div>
</div>
</div>
<div id=”about” class=”pad-section”>
<div class=”container”>
<div class=”row”>
<div class=”col-sm-6″>
<img src=”img/abouti.jpg” class=”img-circle person” alt=”Random Name” width=”480″ height=”480″>
</div>
<div class=”col-sm-6 text-center one”>
<h2>Amore per l’arte</h2>
<p class=”lead centers”><b>Malarstwo</b> – to moja bajka… to z niego czerpię wiele radości, satysfakcji i spełnienia.W swoich pracach świadomie odchodzę od realistycznych przedstawień, przetwarzając rzeczywistość, tak aby tętniły swoim własnym życiem. </br></br>Zawarte w nich treści są formą osobistego wyznania, przekazu myśli i przeżyć. Mają na celu poruszyć wyobraźnię, opowiedzieć nową historię oraz dostarczyć wielu niepowtarzalnych doznań.</p>
</div>
</div>
</div>
</div>

 

1 odpowiedzi
Michał Kortas Personel odpowiedział 8 lat temu

Albo ścieżki, albo cudzysłowy (chyba, że to problem tego edytora).

„#about”

Zaktualizuje stary już wpis, gdzie wszystko już będzie grało :)