`

DIV固定不动,不随滚动条滚动且不闪动

    博客分类:
  • js
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>chinmo.net</title>

<style type="text/css">

body{

 margin:0px;

 padding:0px;

}

#glideDiv0{position:fixed; top:0;left:0; width:100%; background:#F00;}

</style>

<!--[if IE 6]> 

<style type="text/css">

html{overflow:hidden;}

body{height:100%;overflow:auto;}

#glideDiv0{position:absolute;}

</style>

<![endif]-->

</head>

<body>

<div id="glideDiv0">

固定顶部不动

</div>

<div id="wrap_outer">

<br/><br/>固定Div,且scroll时Div不闪动。

<br/><br/>

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

</div>

</body>

</html>

分享到:
评论

相关推荐

    如何让DIV固定在页面的某个位置而不随着滚动条随意滚动

    "让DIV固定在页面的某个位置而不随着滚动条随意滚动" 在前端开发中,我们常常需要让某个DIV元素固定在页面的某个位置,而不随着滚动条的滚动而移动。这可以通过使用CSS的position属性来实现,特别是使用fixed值。...

    不随滚动条滚动而滚动的浮动效果

    本篇文章将介绍如何实现不随滚动条滚动而滚动的浮动效果,也就是说,即使滚动条滚动,浮动元素也会固定在浏览器窗口的某个位置不变。 实现不随滚动条滚动而滚动的浮动效果需要使用CSS中的position属性。position...

    滚动条下拉DIV固定在头部不动

    标题“滚动条下拉DIV固定在头部不动”指的是在网页设计中实现的一种特效,当用户滚动页面时,某个特定的DIV元素(例如一个导航栏)会保持在屏幕顶部,即使页面其他部分向下滚动,这个元素依然固定在视口的顶部。...

    div不随滚动条的移动而改变位置

    标题"div不随滚动条的移动而改变位置"所指的问题是关于如何实现一个固定定位(fixed positioning)的 `div` 元素。这种效果使得 `div` 在页面上保持在一个特定位置,即使用户滚动页面,它也不会移动。这通常用于创建...

    网页局部div随滚动条置顶滚动

    网页局部div随滚动条置顶滚动是一种常见的网页交互设计,常用于新闻网站、电商页面或者任何需要突出显示特定内容的场景。这种效果使得用户在滚动页面时,某个div元素(通常包含重要信息或导航)始终保持在视口顶部,...

    DIV滚动悬浮层(滚动条动,层不动)

    通过这种方式,当页面滚动时,悬浮层会根据我们的需求进行动态调整,实现"滚动条动,层不动"的效果。 当然,实际的项目可能会更复杂,比如要考虑不同设备的响应式布局,或者添加动画效果等。但以上基础步骤已经涵盖...

    div不随滚动条的滚动而动 可以兼容到IE6

    在网页设计中,"div不随滚动条的滚动而动"是一种常见的布局需求,通常用于创建固定定位元素,如顶部导航栏、侧边栏或浮动提示框等。这些元素需要在用户滚动页面时始终保持在屏幕的某个特定位置,提供持续的可访问性...

    div随滚动条上下滚动

    在网页设计中,"div随滚动条上下滚动"是一种常见的动态效果,通常用于实现固定定位或者跟随滚动的视觉效果。这种效果可以通过JavaScript库jQuery和原生JavaScript来实现,以增加用户体验,使某些元素如导航栏、侧...

    随滚动条滚动的div js代码

    NULL 博文链接:https://spring036765.iteye.com/blog/775351

    浮动div,页面两边滚随滚动条滚动的DIV

    在本案例中,"页面两边滚随滚动条滚动的DIV"是指一种特殊的效果,即一个div元素会随着用户滚动页面而始终保持在屏幕的一侧可见,这样的设计可以用来显示重要的导航栏或者侧边栏信息。 要实现这种效果,通常需要结合...

    div跟随固定在浏览器左边,上下不浮动,左右可跟随主体浮动

    通过正确地设置`div`的`position`、`left`、`width`、`height`等属性,以及监听滚动事件来更新`left`值,我们可以创建出一个固定在浏览器左侧且随横向滚动而移动的`div`元素。这样的设计在很多网站的侧边栏导航或...

    js 随鼠标滚动条滚动的div

    在JavaScript中,实现一个div元素随鼠标滚动条滚动的效果,主要涉及到两个关键概念:事件监听和CSS定位。这个效果常用于创建固定定位的侧边栏、头部导航等元素,即使页面滚动,它们仍然保持在视口中的特定位置。 ...

    div滚动条 带滚动条的div div滚动条样式

    DIV 滚动条样式详解 在 HTML 中,我们经常需要在 DIV 元素中添加滚动条,以便在内容超出 DIV 区域时,能够滚动查看内容。这篇文章将详细介绍如何使用 CSS 样式表来实现 DIV 滚动条的样式设置。 什么是 DIV 滚动条...

    随滚动条移动的DIV层

    ### 随滚动条移动的DIV层:实现与解析 #### 一、概述 在网页设计与开发过程中,为了提高用户体验以及页面的交互性,常常会遇到需要制作一个随滚动条移动的元素(如提示框、广告栏等)。本文将通过分析一段具体的...

    JQuery 随鼠标滚动条滚动的div

    标题中的“JQuery 随鼠标滚动条滚动的div”是指使用JQuery库来实现一个功能,即当用户滚动页面时,某个特定的div元素会跟随滚动条一起移动。这个功能在网页设计中常见于侧边栏菜单、广告条或者固定导航栏等,目的是...

    div滚动条优化

    "div滚动条优化"这个主题主要关注如何在不牺牲滚动功能的前提下,通过CSS样式和JavaScript技术来美化或定制滚动条,使其更加符合现代网页的审美标准和用户体验需求。 首先,我们要了解默认滚动条的样式通常是浏览器...

    css将div层固定显示在页面底部不随滚动条滚动

    总结来说,要创建一个不随滚动条滚动而始终保持在页面底部的div元素,我们使用了CSS的position属性,并将其值设为fixed。这样我们就可以通过调整right和bottom属性来控制元素距离窗口边缘的位置,同时设置width和...

    div随着滚动条滚动,但是到了顶部,便不随着滚动了

    ### div随着滚动条滚动,但是到了顶部,便不随着滚动了 #### 背景介绍 在网页设计中,有时我们需要让某个元素(如`&lt;div&gt;`)在页面滚动时保持固定的位置,或者达到特定位置后固定不动。这种效果常用于导航栏、侧边栏...

    纯css控制内容随滚动条滚动,可放任意位置

    在网页设计中,有时我们需要创建一种效果,使得某些元素如客服图标或浮动菜单在用户滚动页面时始终保持在屏幕的特定位置...通过掌握固定定位,开发者能够轻松地创建出随滚动条滚动并可自定义位置的效果,提升用户体验。

    固定div,滚动到顶部固定

    在网页设计中,"固定div,滚动到顶部固定"是一种常见的布局技巧,它可以使特定的div元素在页面滚动时始终保持在视口的可见位置,通常用于实现导航栏、侧边栏等元素的固定效果。这种效果可以提升用户体验,因为用户...

Global site tag (gtag.js) - Google Analytics