html 滚动条 css-滚动条滚动时,悬浮的标题栏的top值改变

问题描述

滚动条滚动时,悬浮的标题栏的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>

解决方案

你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>
时间: 2024-10-31 01:14:48

html 滚动条 css-滚动条滚动时,悬浮的标题栏的top值改变的相关文章

玩flash游戏时,按键盘方向键ie浏览器滚动条会跟着滚动的解决方案

今天在调试一个FLASH游戏网站的游戏页面,发现在玩FLASH游戏的时候,鼠标放在FLASH上面后,用键盘操控FLASH上赛车游戏前进方向,突然发现,在按键盘上下方向键时,IE的滚动条竟然跟着翻动起来,通过QQ群很多技术员咨询后,依然没得到答案,调试了半天,在按上下方向键的时候,浏览器右边的滚动条还是跟着一上一下的滚动. 最后,再仔细的分析了情况,理论上鼠标放在FLASH上面,键盘的焦点应该锁定在FLASH游戏里了,一定是FLASH调用代码有问题,在查阅了大量的相关资料后,终于找到解决方法: 把

c# 窗体添加两个TreeView,实现滚动其中一个TreeView时另一个TreeView的滚动条也接着滚动

问题描述 如标题:我做的功能是显示两条修改的记录,第一个TreeView显示没修改之前的数据,第二个TreeView显示修改之后的数据,显示是想实现下拉第一个TreeView的滚动条时同时第二个TreeView的滚动条接着滚动,实现联动.现在主要是不知道用什么方法,好像TreeView没有这个事件,求大神指点迷津 解决方案 解决方案二:撸主,外事不决问谷歌解决方案三:看了一下,只是点击事件,滚动条是需要下拉的,不能用点击事件来做吧解决方案四:额,好久没更新了,有没有人知道的啥解决方案五:Tree

jquery实现Li滚动时滚动条自动添加样式的方法_jquery

本文实例讲述了jquery实现Li滚动时滚动条自动添加样式的方法.分享给大家供大家参考.具体如下: 这里使用jquery实现当拖动滚动条的时候,Li滚动列表中的内容会自动随滚动条变化而下移,并自动添加样式. 运行效果截图如下: 具体代码如下: <html lang="en"> <head> <meta charset="utf-8"> <title>scroll滚动,LI随滚动条自动变化</title> &

javascript-怎么让页面去掉滚动条还能滚动。

问题描述 怎么让页面去掉滚动条还能滚动. 怎么让页面去掉滚动条还能滚动.怎么让页面去掉滚动条还能滚动.怎么让页面去掉滚动条还能滚动. 解决方案 试试用2层DIV. 外面那层写个固定的width 和height,overfllow:Hidden; 然后里面的那个也需要固定的width(约宽于父DIV的宽度.--把滚动条顶出去Hidden掉)和height(同父级DIV).overfllow:auto;.这样应该可以吧. 解决方案二: window.scrollTo+鼠标滚轮事件http://www

html-chrome div滚动条不能自动滚动

问题描述 chrome div滚动条不能自动滚动 下面内容通过Chrome打开后,按Tab键光标可以在文本框间移动,但是Div的滚动条没有跟着滚动是为什么呢?(IE没有问题) <html><div style=""height:150; overflow-y:auto""><input type=""text"" value=""0""/><br

css position:fixed时还能水平滚动,如何实现

问题描述 css position:fixed时还能水平滚动,如何实现 css position:fixed时还能水平滚动,如何实现,或者是table里面的thead固定显示在最上面 解决方案 参见 http://www.jb51.net/article/47003.htm 解决方案二: 给容器增加scroll事件设置你的fixed对象的left属性为容器的-scrollLeft 固定table的表头 解决方案三: fixed是相对于body的,给个DEMO你参考 <style> #fixed

基于javascript实现浏览器滚动条快到底部时自动加载数据_javascript技巧

废话不多说了,直接给大家贴js代码了. <!DOCTYPE html> <html> <head> <script src="jquery-...js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { var range = ; /

js页面滚动时层智能浮动定位实现(jQuery/MooTools)_jquery

一.应用展示 关于层的智能浮动效果早在几年前我就在国外的一些个人网站的垂直导航上见到了,现在似乎在国内一些商业网站上也屡见此效果,例如淘宝网的搜索结果页的排序水平条,在默认状态下,滚动条跟随页面滚动,如下: 随着页面向下滚动,当此水平条接触浏览器的上边缘时,水平条独立出来,不跟随滚动条滚动了,如下图所示: 类似的效果在新浪微博上也有: 当页面滚动,新动态提示开始要淡出浏览器窗口的时候,其浮动于浏览器窗口的最上沿显示,如下图所示: 此效果实现原理其实很简单,本文就将展示其实现.  二.实现原理 默

JQuery 实现的页面滚动时浮动窗口控件_jquery

1. Introduction: 这个控件能够实现的效果是当你的页面滚动时,某个DIV永远停留在你需要它停留的位置.同时可以为这个DIV设定个容器,当滚动条已经超过了这个容器,那么这个DIV就不再滚动了.有时候如果需要做个比较好用的导航条,使用这个控件挺不错的. 2. Code & Properties: 这个js文件是在jQuery和JQeury UI的核心上扩展的.所以使用它前你必须到JQuery的官网下载那两个js文件,jquery.js和ui.core.js. 整个javascript如