Javascript 如何使元素粘贴到页面顶部,请记住它';它最初不在那里
我试图让一个元素粘到页面的顶部,我的代码看起来有点像这样Javascript 如何使元素粘贴到页面顶部,请记住它';它最初不在那里,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图让一个元素粘到页面的顶部,我的代码看起来有点像这样 你好 选择权 向下滚动 //启动jQuery jQuery(函数($){ $(文档).ready(函数(){ //在“.navbar包装器”类上启用粘贴 $('.menu').stickUp(); }); }); 我可以建议您: 如果粘贴库需要jQuery,那么应该在jQuery之后加载它 如果元素最初不在那里,则可以有一个条件 //启动jQuery jQuery(函数($){ $(文档).ready(函数(){ /
你好
选择权
向下滚动
//启动jQuery
jQuery(函数($){
$(文档).ready(函数(){
//在“.navbar包装器”类上启用粘贴
$('.menu').stickUp();
});
});
我可以建议您:
//启动jQuery
jQuery(函数($){
$(文档).ready(函数(){
//在“.navbar包装器”类上启用粘贴
if($('.menu').length){
$('.menu').stickUp();
}
});
});
不需要jquery以外的插件:
var$window=$(window),
$stickyEl=$('.sticky_div'),//在这里,您可以指定要成为的对象的类
//粘的
elTop=$stickyEl.offset().top;
$window.scroll(函数(){
$stickyEl.toggleClass('sticky',$window.scrollTop()>elTop);
});代码>
div{
高度:100px;
宽度:100px;
}
.sticky_div{
背景:红色
}
.粘的{
位置:固定;
排名:0
}
-
-
-
-
你好
选择权
向下滚动
use css position:fixed?记住它最初并不在那里……你这是什么意思?@Jai我想他的意思是用户必须滚动才能到达它:)不管怎样,有人已经回答了这个问题,这是一个重复@MarkoMackic谢谢,我会看原始的。让我检查一下,但某些移动设备不支持固定位置属性。我的手机使用它:)它是关于您在该手机上使用的浏览器,它不支持position:fixed
属性,请尝试使用不同的浏览器和相同的手机:)我使用的是crome inspect元素属性,当我有一个特定的屏幕宽度时,它可以工作,但当我的屏幕小于一定数量时,它不能工作。这很有趣,我不知道,但我认为屏幕宽度与这个脚本无关,请告诉我它在哪个宽度下不起作用,这样我就可以从我这边确认:)@qscyberproject_uu我不知道为什么我的朋友,你需要用引导导航栏使它变粘,而不是sticky
class添加navbar固定顶部”
class
<script src='https://lirancohen.github.io/stickUp/js/jquery.js'></script>
<script src='https://lirancohen.github.io/stickUp/js/stickUp.min.js'></script>
<script type="text/javascript">
//initiating jQuery
jQuery(function($) {
$(document).ready( function() {
//enabling stickUp on the '.navbar-wrapper' class
if($('.menu').length){
$('.menu').stickUp();
}
});
});
</script>