<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
.main{ height:1500px; }
.container{ height:300px; overflow:scroll; overflow-x:hidden; background:#ccc; }
.container p{ margin:20px 0; }
</style>
</head>
<body>
<div class="main" >
<a href="javascript:point.scrollIntoView(false);">锚点连接</a>
<div class="container" >
<p>stop1</p>
<p>stop1</p>
<p>stop1</p>
<p>stop1</p>
<p>stop1</p>
<p>stop1</p>
<p>stop1</p>
<p>stop1</p>
<p>stop1</p>
<p>stop1</p>
<p id="point">锚点连接</p>
<p>stop1222</p>
<p>stop1111</p>
<p>stop1111</p>
<p>stop11222</p>
<p>stop1</p>
<p>stop1</p>
</div>
</div>
</body>
</html>
分享到：
相关推荐
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
实现DIV与DIV之间的连线,工程流程图那样.使用DIV+JS! 我封装了一个基于vml/svg画线条的跨浏览器的函数 用法： var g = new FlowGraphic(); var arrow = g.drawArrow(5,26,200,300,"red"); var arrow = g.drawArrow...
有时，我们可能遇到这样的需求：希望外部的`<div>`容器保持固定的宽度，而不受内部`<div>`或其他子元素尺寸的影响。这在创建响应式设计、固定宽度的侧边栏或模块时尤为常见。本文将详细探讨如何通过CSS属性实现这一...
标题“拖动div到另一个div中”描述的就是这样一个功能，即实现一个div元素能够被拖动并放置到另一个div内，同时显示被拖动div的ID。这个功能在各种应用场景中都很有用，如文件管理器、布局构建器或富文本编辑器等。 ...
在网页设计中，有时我们需要实现一个功能：当用户将鼠标悬停在某个div元素上时，显示特定的信息或另一个div。这个功能可以增强用户体验，帮助用户更好地理解和操作页面。本教程将详细介绍如何实现这一功能，并确保...
实现`div`全屏的步骤主要包括以下几点： 1. **引入jQuery库**：由于项目中提到了jQuery插件，所以我们需要在HTML文件中引入jQuery库。可以通过CDN链接或者本地文件来引入，例如： ```html ...
在网页设计中，`div` 是一个非常基础且重要的元素，它用于定义页面上的一个区域或容器。在标题“拖动多个div”中，我们关注的是如何使一个或多个 `div` 元素变得可拖动，即用户可以通过鼠标进行交互，自由地在页面上...
在网页设计和开发中，"闪烁的div"和"高亮的div层"通常涉及到动态效果和用户交互的实现。这些技术主要应用于吸引用户的注意力，提供反馈，或者创建引人入胜的用户体验。下面我们将详细探讨这个主题，包括相关概念、...
DIV 拖动 JS移动DIV DIV位置移动DIV 拖动 JS移动DIV DIV位置移动DIV 拖动 JS移动DIV DIV位置移动DIV 拖动 JS移动DIV DIV位置移动
DIV 滚动条样式详解 在 HTML 中，我们经常需要在 DIV 元素中添加滚动条，以便在内容超出 DIV 区域时，能够滚动查看内容。这篇文章将详细介绍如何使用 CSS 样式表来实现 DIV 滚动条的样式设置。 什么是 DIV 滚动条...
"table转div工具"就是为了帮助开发者将原有的基于table的布局转换成更现代、更优化的div+CSS布局。 首先，我们需要理解table和div之间的主要差异。Table元素主要用于显示结构化数据，如表格或矩阵。它的布局是固定...
本文将详细讲解如何实现“div悬浮在canvas上”的效果，并探讨相关的HTML5、CSS以及交互设计知识点。 首先，我们要明确canvas和div的基本属性。Canvas是一个基于画布的图形绘制区域，所有的绘图操作都是通过...
点击div以外的部分，div消失不见
本篇文章将深入探讨`div`的一些进阶效果，包括圆角`div`、自适应宽度、背景色渐变、多行自适应高度以及固定高度与内容自动变高等CSS技术。 首先，让我们关注圆角`div`。CSS3引入了`border-radius`属性，使得我们...
在JavaScript（JS）中，"鼠标浮动显示div"是一种常见的交互设计，通常用于创建提示框、下拉菜单或工具提示。这种技术的核心是利用事件监听器来捕捉鼠标的移动，并根据鼠标的移动来控制div元素的显示与隐藏。在本案例...
在这个特定的主题中，“纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存”是指通过CSS实现的一种交互效果：当鼠标悬停在一个div上时，另一个关联的div会显示出来，同时其他无关的div保持隐藏状态。这种效果在创建导航...
【Div块上下左右循环滚动】是一种常见的网页动态效果，它可以使网页中的某个Div元素实现持续不断的循环滚动，增强用户体验和视觉吸引力。这种效果通常通过JavaScript和CSS技术来实现，尤其在现代网页设计中，...
以下是对`div`使用时需要注意的五个关键点，以及与之相关的深入知识点： 1. **样式定义**： - `div`本身没有默认样式，所以在使用`div`进行布局时，需要通过CSS来设置宽高、内边距、外边距等样式属性，以便调整其...
在网页设计中，"div页面框架布局"是一个关键的概念，它涉及到如何有效地组织网页内容，以便在各种浏览器中实现良好的显示效果。EasyUI是一个基于jQuery的用户界面库，提供了丰富的组件和布局方案，使得开发者能够...
本文将深入探讨如何通过CSS样式实现`div`元素的浮动，以达到在另一个`div`上浮动的效果，同时我们也会提及在.NET环境中如何应用这些技术。 首先，让我们了解什么是浮动（Floating）。在CSS中，`float`属性主要用于...