京东搜索框滑动案例<title>问题

登录

请教老师: 6.10.3.京东搜索框滑动案例.html 这个案例滚动条往下来的时候顶部数字变化，我想请问怎么不要有数字，而是一直默认为<title>里的标题呢，谢谢！

lori棒棒糖 · 发表于 2017-11-8 17:25:45

你的代码里面title内容写的什么？把你的代码都复制上来看下

黑色双季 · 发表于 2017-11-8 17:50:12

lori棒棒糖发表于 2017-11-8 17:25
你的代码里面title内容写的什么？把你的代码都复制上来看下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>滚动条的京东案例</title>
<style>
*{ padding:0; margin:0}
.header{ height:80px; background:#069; width:100%; position:fixed; top:-80px; left:0; transition:0.3s;}
.header.on{ top:0;}
</style>

<script src="js/jquery-1.11.3.min.js"></script>
<script>
$(function(){

$(window).scroll(function(){
document.title=$(this).scrollTop();

if($(this).scrollTop()>=300){
$(".header").addClass("on");
}else{
$(".header").removeClass("on")
}
})
})

</script>
</head>

<body>

<div class="header"></div>

<div style="height:600px; background:#ccc">111111</div>
<div style="height:600px; background:#0C9">222222</div>
<div style="height:600px; background:#966">33333</div>
<div style="height:600px; background:#999">444444</div>
<div style="height:600px; background:#CC3">5555</div>

</body>
</html>

这样的，就是课堂上的内容。但是往下拉滚条的时候怎么title变成数字了呢

[提问] 京东搜索框滑动案例<title>问题

本帖子中包含更多资源

共2个回复最后回复于 2017-11-8 17:50

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[提问] 京东搜索框滑动案例<title>问题

本帖子中包含更多资源

共2个回复 最后回复于 2017-11-8 17:50

共2个回复最后回复于 2017-11-8 17:50