极客观点
项目管理
HarmonyOS
就是头部往下滚的时候会和在最上面的时候不一样。怎么做的
$(window).scroll(function(){
var scrollTop =$(this).scrollTop(); //获得滚动条距离顶部的位置
if(scrollTop == 0) {
//回到顶部时的操作
}
else {
//往下拉了，就在这里写改变头部的样式
}
});
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
<style>
.container{
width:100%;
height:60px;
background: #bf0;
position: fixed;
top:0;
}
.gg{
width:100%;
height:100px;
background: #000;
position: fixed;
top:60px;
}
.cc{
height:1280px;
}
</style>
</head>
<body>
<div class="container">包打听</div>
<div class="cc"></div>
<div class="gg">不要打听我</div>
<script>
$(window).scroll(function(){
if($(this).scrollTop() == 0) {
$(".gg").css("height","60px"); //返回顶部时变正常
}
else {
$(".gg").css("height","30px");// 给高度设置小的
}
});</script>
</body>
</html>
新手上路，请多包涵
$(window).scroll(function(){
height = $(window).scrollTop();
if(height > 45){//滚动条滚动距离
...//滚动条移动大于45px你需要的样式变化
}else{
...//小于等于45px需要样式变化
};
});撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？3 回答1.5k 阅读✓ 已解决
怎么获取动态弹出对话框的模拟单击？
我在用js实现自动化刷课脚本的时候，要处理一个“继续学习”弹出对话框，才能播放。使用document.queryselctor('.continue')获取不到，好像也没有click事件;6 回答1.4k 阅读✓ 已解决
如何实现类似豆包的AI改写框跟随内容滚动效果？
豆包这种是怎么实现的，ai改写这个框是跟随内容滚动的，但是ai改写这个框是在body下与根节点平级的，想了半天，看他页面上代码也看不出来，求助4 回答1.4k 阅读✓ 已解决
body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？
:first-child 选中了什么如题，在学习:first-child伪类的时候，我使用如下语法，但是产生的结果在预料之外。codepen链接html {代码...} css {代码...} 按照:first-child语法，body :first-child选中的应该是body的第一个子元素，也就是 {代码...} 结果选中了这个元素 {代码...} 网上搜索无果，所以来这里提问了，body :f...2 回答1k 阅读✓ 已解决
问一个鼠标滚动事件，这种是怎么实现的？
我看到了deepseek官网的这个按钮，鼠标放上去，还是可以滚动页面，这个是怎么做的？我研究了一下deepseek官网的支持，而通义千问的却不可以。2 回答1.6k 阅读✓ 已解决
如何在CSS中实现滚动条不溢出圆角框？
请问css如何实现滚动条在外侧滚动框的下一层？我最近在设计一个小插件，里面有一个换肤的小弹窗，小弹窗里还有一个小框，在这个小框里加了滚动条，小框为了美化做了border-radius，然后为这个框自定义了::webkit-scrollbar伪类，但是我发现这个滚动条会溢出这个框，很不好看，下图为现在的效果：我想做到上下的滚动条可...2 回答1.5k 阅读✓ 已解决
css如何设置纵向滚动条的高度？
设计给的图纵向滚动条的高度只有20px，但是无论如何设置都不管用。宽度可以设置，高度不管用。 {代码...}4 回答1.6k 阅读
监听
scroll事件，获取到scrollTop，将其设置成header的top值，思路大概是这样。