论坛

标题: 京东搜索框滑动案例<title>问题 [打印本页]

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

[attach]112281[/attach]

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

作者: 黑色双季 时间: 2017-11-8 17:50

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变成数字了呢

欢迎光临论坛 (http://bbs.qinxue.com/)