我正在从头开始做我的第一个项目,之前我已经使用过bootstrap模板并在其中进行了很多改变,但是我总是遇到类的问题而且它变得非常复杂,所以我只是尝试了bootstrap css和js,以及jquery,因为看起来我使用的所有模板都导入了jquery。
但是随着我越来越熟悉javascript,我一直在制作特定的.js文件,例如平滑滚动,缓动和不透明度等。但是在我使用的所有模板中,这些东西似乎只是工作而且只有jquery cdn和jquery缓动,我如何实际应用jquery中的内容(以及它实际上是什么?)到我的类或实现平滑的滚动和验证功能?
例如,对于平滑滚动,我必须自己创建(实际上是从这里获得)js并定位导航栏并自己编辑一些变量。
$(document).ready(function(){
// Add smooth scrolling to all links in navbar
$(".navbar a.scroll,.navbar a.navbar-brand").on('click', function(event) {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top - $('.navbar').height()
}, 1600, 'easeInOutCubic', function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
});
})
我还需要在jquery js文件中执行此操作吗?
由于