jquery-用js写的固定定位的div,滚动滚动条的时候总是一闪一闪的?

问题描述

用js写的固定定位的div,滚动滚动条的时候总是一闪一闪的?

问题就是 我写的一个div层固定到浏览器顶部,然后滚动滚动条的时候,这个div总是突然距离浏览器顶部一小距离,然后就又回去了。
div在滚动条上下滚动的时候总是上下偏移一下,在火狐下就没事,在其他浏览器下就有这样的问题。我是用绝对定位position:absolute;直接定位在body下的,滚动条滚动的时候去的是$(window).scrollTop的值,然后在赋给这个div的top的

解决方案

这个很简单的,可以直接使用css实现

position:fixed;
_position:absolute;
z-index:10000;
left:0px;
top:0px;
clear:both;
overflow:hidden;
_top:expression(eval(document.documentElement.scrollTop));

解决方案二:

主流浏览器支持position: fixed。
另参考 Position Fixed IE6

解决方案三:

上面的答案有帮助吗?如果还有问题,请提出来,如果对答案满意,请顶一下,并标记为采纳答案,谢谢!

时间: 2024-10-28 07:24:21

jquery-用js写的固定定位的div,滚动滚动条的时候总是一闪一闪的?的相关文章

IE6固定定位底部且滚动时不晃动

给标签<div id="fixed"></div>设置样式,如下:  代码如下 复制代码 body { _background-image: url(about:blank);     /*用浏览器空白页面作为背景*/ _background-attachment: fixed;     /* prevent screen flash in IE6 确保滚动条滚动时,元素不闪动*/ } #fixed { position: fixed; top: 50%;  /

jQuery快速上手:写jQuery与直接写JS的区别详细解析_jquery

要使用jQuery,首先要在HTML代码最前面加上对jQuery库的引用,比如:<script language="javascript" src="/js/jquery.min.js"></script> 库文件既可以放在本地,也可以直接使用知名公司的CDN,好处是这些大公司的CDN比较流行,用户访问你网站之前很可能在访问别的网站时已经缓存在浏览器中了,所以能加快网站的打开速度.另外一个好处是显而易见的,节省了网站的流量带宽. jQuery

JQuery Dialog(JS 模态窗口,可拖拽的DIV)_jquery

效果图     调用示意图   交互示意图 如上图所示,这基本是JQueryDialog的完整逻辑流程了. 1.用户点击模态窗口的"提交"按钮时,调用JQueryDialog.Ok()函数,这个函数对应了用户提交事件. 2.用OO的概念来说,JQueryDialog.Ok()其实是一个虚函数,它的逻辑封装在子窗口ContentWindow.Ok()中,这一点我借鉴了FCKEditor,如下代码所示: JS代码 复制代码 代码如下: var JQueryDialog = { /// &l

快速学习jQuery插件 jquery.validate.js表单验证插件使用方法_jquery

最常使用JavaScript的场合就是表单的验证,而jQuery作为一个优秀的JavaScript库,也提供了一个优秀的表单验证插件----Validation.Validation是历史最悠久的jQuery插件之一,经过了全球范围内不同项目的验证,并得到了许多Web开发者的好评.作为一个标准的验证方法库,Validation拥有如下特点: 1.内置验证规则: 拥有必填.数字.Email.URL和信用卡号码等19类内置验证规则 2.自定义验证规则: 可以很方便地自定义验证规则 3.简单强大的验证

网页设计技巧:跨浏览器的CSS固定定位

css|技巧|浏览器|设计|网页|网页设计 跨浏览器的CSS固定定位{position:fixed} 不知道您是否留意了,浏览本站时,浏览器右下角有一个标着top的黑色直角三角形,可以点击它返回到正在浏览的网页页眉.当滚动网页时,它的位置一直没有任何改变,您感觉它怎么样?这就是通过CSS的定位属性{position:fixed}来实现的,通过它可以让HTML元素脱离文档流固定在浏览器的某个位置. IE7.Firefox.Opera,都支持CSS的{position:fixed},所以很容易实现(

CSS固定定位的例子

html文件: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>CSS固定定位的例子</title> <link rel="stylesheet" style="text/c

jquery.form.js实现将form提交转为ajax方式提交的方法

 这个框架集合form提交.验证.上传的功能.  这个框架必须和jquery完整版结合,否则使用min则无效. 原理:利用js进行对form进行组装成ajax的url和data,原理还是用ajax来提交,其实这完全可以自己写,但是有这个框架可能会更简单. 一.最简单例子: 第一步:引用js  1 2 3 4 <!--这里的min是自己用js压缩工具对完整版进行的压缩 并不是真正的min,所以好使--> <script type="text/javascript" sr

js写的评论分页

 js写的分页在网上可以搜到很多的文章,在也为大家介绍一个,喜欢的的朋友可以参考下 代码如下: <%@ page language="java" contentType="text/html; charset=utf-8"  pageEncoding="utf-8"%>  <%  String path = request.getContextPath();  String basePath = request.getSchem

JQuery与JS里submit()的区别示例介绍

 这篇文章主要介绍了JQuery与JS里submit()的区别,需要的朋友可以参考下 ASP.NET 的服务器控件回发是使用这一段JS代码:   代码如下: var theForm = document.forms['form1'];  if (!theForm) {  theForm = document.form1;  }  function __doPostBack(eventTarget, eventArgument) {  if (!theForm.onsubmit || (theFo