2 fdiammodlq FDiammodLQ 于 2016.02.22 16:56 提问

滚动条滚动时,悬浮的标题栏的top值改变
 window.onscroll = function(){
    $("pop").css("top","200px");    
};
这样写,怎么滚动时候,没有反应???
<html>
<style>
.pop{
    posistion:fixed;
    top:10px;
    wodth:100%;
    height:25px;
    background:#fff;
}
</style>
<body>
<div class="pop" id="pop">
<p style="text-align:center;">这是标题</p>
</div>
</body>
</html>

1个回答

showbo
showbo   Ds   Rxr 2016.02.22 17:12

你jquery的都没有导入怎么会有翻译。。js代码也没放入script中,css属性也拼写错误,position,width

 <html>
<style>
    .pop {
        position: fixed;
        top: 10px;
        width: 100%;
        height: 25px;
        background: #fff;
    }
</style><script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script><body>
    <div class="pop" id="pop">
        <p style="text-align:center;">这是标题</p>
    </div>
    <script>
        window.onscroll = function () {
            $(".pop").css("top", "200px");
        };
    </script>
    <div style="height:1000px"></div>
</body>
</html>
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
随着ScrollView上下滚动 标题栏透明度随之而改变
activity中的代码package qdq.scolldistancetest; import android.content.Context; import android.graphics.Color; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.wid
滚动悬浮框——js全解
本文主由position:fixed在ie6下不支持而引起的的'血案’——涉及1.window.onscroll=window.onresize来控制窗口滚动和大小变化;2.scrollTop的兼容控制;3.if(!window.XMLHttpRequest)来判断是否为ie6,可以联想到Ajax创建XHR对象;4.待完善的地方在于offsetHeight的bug,offsetHeight包括border和padding的问题需要用getStyle来处理下......
android - 标题栏随ScrollView滚动变色(仿知乎)
参考:android标题栏颜色渐变效果的实现(标题栏随着scrollview的滚动而变化)核心类:ObservableScrollViewpackage com.jukopro.titlebarcolor;import android.content.Context; import android.util.AttributeSet; import android.widget.ScrollView
vue监听滚动事件 实现某元素随着滚动条滚动固定距离顶部的某个位置(元素的top值实时变化)
HTML &amp;amp;lt;div class=&amp;quot;fixed&amp;quot; id=&amp;quot;searchBar&amp;quot;&amp;amp;gt; &amp;amp;lt;/div&amp;amp;gt; CSS fixed { position: fixed; bottom: 100px; top: 300px;/*开始处于距离顶部300px的位置,之后随着滚动条滚动top值改变,然后在top==100时停止*/ left
jQuery滚动条事件控制导航显示效果
当高度大于100,为导航栏添加一个css 当高度小于100,为导航栏删去一个css $(function(){ $(window).scroll(function () { var scrollTop =$(this).scrollTop();//滚动高度 if(scrollTop > 100){
含有滚动条元素的getBoundingClientRect等属性的值
问题1:首先我们给出iScroll的一个官方的demo,你可以把这个demo拷贝到本地然后运行,或者去github下载 iScroll demo: scrollbars var myScroll; function loaded () { myScroll = new IScroll('#wrapper', { scrollbars: true, mouseWheel:
Android_滚动状态ScrollView实现标题的悬浮和渐隐
最近项目需求,需要实现标题的悬浮和渐隐渐变….于是故事开始了1,代码接受后,业务逻辑复杂,最好的完成就是基于现在XML和activity 做最少的改动实现,所以网上的demo,以及5.0后的Coordinglayout 我就放弃了,这样的改动及时能实现,也要改太多东西,2,于是还是自己实现下吧,下图是预览,GIF 录制不了..哎 上滑动的时候titlebar 渐出 下滑动的时候t
js实现滚动时层智能浮动定位
原文:http://www.javascript100.com/?p=389 智能浮动定位一般用做工具条啥的,你可以看看在淘宝上的应用 我们今天也来做一个,js实现智能浮动定位实例 实现原理 其实很简单,主要用到几个知识点: 什么是scrollTop?CSS position定位判断是否为IE6浏览器元素相对于窗口的距离 原理: 1,浏览器向下滚动时,当document的
Android 使用CoordinatorLayout实现滚动标题栏效果
在Material Design里,CoordinatorLayout通常用来作为顶层视图,来协调处理各个子View之间的动作,从而实现各种动画效果,如Snackbar与FloatingActionButton的配合显示效果,就是以CoordinatorLayout作为根布局来实现的CoordinatorLayout提供Behaviors接口,子View通过实现Behaviors接口来协调和其它Vi
滑动改变标题栏的颜色
最近发现不少app中有这样的效果,滑动界面时,标题栏颜色渐变。分析了一下,感觉挺简单的,写了个小demo练手。最终效果图从上图效果来作分析,首先,RecyclerView滑动,标题栏背景由透明转换为深红色,滑动的距离是标题栏的高度,超过此高度标题栏背景色固定不变JAVApackage cn.pan.slidesample;import android.graphics.Color; import a