Home>
I am trying to implement a function to smoothly scroll links within a page using jQuery on the current web page, but I cannot load an external js file. What should I do?
- When I checked with the developer tool, it seemed that the jQuery CDN was being read, but the js file was not being read.
- Don't forget to add a # on the link.
- There is no error in the jQuery code itself.
<head>
<link rel = "stylesheet" href = "css/resetstylesheet.css">
<link rel = "stylesheet" href = "css/stylesheet.css">
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type = "text/javascript" src = "js/script.js"></script>
</head>
I tried the following two items, but they were not loaded.
<script type = "text/javascript" src = "/ js/script.js"></script><script type = "text/javascript" src = "./ js/script.js"></script>script.js is in the js file.
This is jQuery with smooth scrolling
$(function () {
$('a [href ^ = "#"]'). click (function () {
var speed = 500;
var href = $(this) .attr ("href");
var target = $(href == "#" || href == ""? 'html': href);
var position = target.offset (). top;
$('body, html'). animate ({scrollTop: position}, speed, "swing");
return false;
});
});-
Answer # 1
-
Answer # 2
When there seems to be a problem, first check for minor mistakes, and leave it to others as much as possible
For example, in this site, if you put only a strange part with a star, it will be fixed automatically, or you can find other check tool web services
Related articles
- javascript - jquery doesn't work on heroku
- javascript - dynamically change the value of transform scale by jquery pinch operation to scale elements
- i don't know how to get the text in the range selection with javascript (jquery)
- i don't know how to decorate the selected text with javascript (jquery)
- jquery → javascript replacement
- javascript - is it possible to start jquery (modal display) from the replaced html?
- javascript - manual input using jquery timepicker
- javascript - jquery html creation
- i want to write the jquery part in javascript
- javascript - when implementing current navigation with jquery, if there are two or more of the same url, the active class will b
- javascript - i can't scroll the screen with jquery
- javascript - jquery fade-in/out animation implementation
- javascript - jquery doesn't work with loading scrit tag in bootstrap
- javascript - view limit with jquery cookie
- javascript - i want to output jquery html, but i can't use ruby (each statement)
- javascript - jquery i want to select a specific element
- javascript - jquery object replaces itself
- class name is not read when reading javascript from external file
- javascript - external links in vue (nuxt) freeze the pwa app
- javascript - when creating multiple jquery dropdown menus, all the menus open
Related questions
- javascript : How to eliminate the difference between monaca debugger and built app in Evernote app
- javascript : JS, HTML: How to get data from a form if there are several of them and they have the same class
- javascript : How do I animate text that is smoothly falling from top to bottom?
- javascript : Ajax -how to store the result into a variable?
- javascript : The problem with the for algorithm [duplicate]
- javascript : How do I send any non-form data using Ajax to mail?
- javascript : How do I stay on the current /switch to the previous tab?
- javascript : I cannot animate correctly and remove an element from a dynamic list
- javascript : Save password in browser when submitting form via JS /jQuery ajax
- javascript : How to keep the position of the navigation buttons when pressed?
type = "text/javascript"?