<html>
<head>
<title>测试滚动条事件</title>
<style type="text/css">
#divone{
float:left;
width:500px;
height:500px;
border:1px solid red;
overflow:auto;
}
#divtwo{
float:left;
width:500px;
height:500px;
border:1px solid red;
margin-left:100px;
overflow:hidden;
}
</style>
</head>
<body onkeydown="self.event.returnValue=false"
oncontextmenu="self.event.returnValue=false" onselect="return false"
onselectstart="self.event.returnValue=false" ondrag="return false">
<div id="divone">
<div style="height:1200px;"></div>
</div>
<div id="divtwo">
<div style="height:1000px;">
adadadadadadadadaadadadadadadadadaadadadadadada
dadaadadadadadadadadaadadadadadadadada
</div>
</div>
<div id="divthree"></div>
<script type="text/javascript" src="jquery-1.5.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#divone').scroll(function(){
$('#divthree').text($(this).scrollTop());
$('#divtwo').scrollTop($(this).scrollTop());
});
});
</script>
</body>
</html>
分享到：
相关推荐
实现滚动条刷新定位主要涉及到以下几个方面： 1. **记录滚动位置**：在页面即将刷新或者离开当前页面时，需要准确地记录下当前滚动条的位置。 2. **恢复滚动位置**：在页面加载完成后，根据之前记录的滚动位置信息...
可以设置body的overflow-x属性为hidden，这样水平滚动条就不会出现，但body元素依然可以垂直滚动。相应的CSS样式为：body{overflow-x:hidden;}。这种设置不会隐藏垂直滚动条，如果页面内容超出视口的高度，垂直滚动...
本文将深入探讨如何实现两个`CListView`视图的滚动条同步，以及如何让它们共享一个滚动条，同时隐藏`CListView`自身的滚动条。这在创建多面板界面时非常有用，可以提供一致的用户体验。 首先，我们要了解`CListView...
在H5页面开发中，下拉刷新和上拉加载是常见的功能，...综上所述，H5下拉刷新上拉加载滚动条位置的处理是提升Web应用用户体验的关键一环。通过合理的技术实现和优化策略，我们可以为用户提供更加流畅、自然的浏览体验。
在VB（Visual Basic）编程环境中，滚动条控件（ScrollBar）是一种常见的用户界面元素，它允许用户通过滑动来选择一个数值或进行交互。在这个特定的案例中，“VB运用滚动条改变颜色”指的是利用VB语言编写程序，使...
### 滚动条刷新后居中的实现方法 在网页设计与开发中，有时我们希望网页在打开时，滚动条能够自动定位到特定位置，例如居中显示，这对于某些特殊布局（如页面中心为主要展示区域）的情况尤为重要。本文将详细探讨...
8. `::webkit-scrollbar-button`：定义滚动条两端的箭头按钮样式。 四、滚动条状态控制 可以使用伪类`::webkit-scrollbar-thumb:hover`、`::webkit-scrollbar-thumb:active`以及`::webkit-scrollbar-thumb:window-...
在“Qt悬浮滚动条-滚动条样式”这个主题中，我们主要探讨如何创建一个不占用控件实际宽高的滚动条，同时增强其视觉效果和交互体验。 首先，让我们了解滚动条的基本概念。Qt中的QScrollBar类提供了水平和垂直滚动条...
滚动条控件（ScrollBar）有两个主要属性：SmallChange和LargeChange，它们分别定义了每次滚动时增加或减少的值。滑块的位置由Value属性表示，这个值可以与字体大小直接关联。同时，我们还需要一个文本显示控件，如...
这个主题“webbrowser滚动条隐藏”主要涉及到CSS样式控制和技术实现，我们将深入探讨如何通过CSS来隐藏滚动条以及相关的一些考虑因素。 首先，滚动条隐藏的最常见方法是利用CSS3的伪元素选择器`::webkit-scrollbar`...
在现代Web应用中，用户体验是至关重要的，"无刷新联级，滚动条滚动加载数据"是一种提高用户体验的有效技术。这种技术通常被称为无限滚动或者滚动加载，它允许用户在不刷新整个页面的情况下，通过滚动页面来加载更多...
在易语言中，我们可以使用“窗口程序”作为基础，创建一个包含图片框和两个滚动条的界面。图片框用于显示大图片，而水平滚动条和垂直滚动条则用于控制图片的显示位置。以下是实现这一功能的主要步骤： 1. **创建...
在VC++编程环境中，滚动条是一个常见的用户界面元素，它允许用户通过拖动滑块来浏览或调整内容。本实例主要关注的是水平滚动条，即向左和向右拖动的滚动条，这对于那些需要展示大量横向信息或者需要用户进行水平导航...
首先，我们要了解在VB中窗体的两种滚动条类型：水平滚动条（HScroll）和垂直滚动条（VScroll）。它们分别用于在水平方向和垂直方向上浏览超出可视区域的内容。以下步骤展示了如何在VB窗体中添加滚动条： 1. **打开...
标题“仿百度左右滑动无滚动条”所指的是在网页设计中实现的一种用户交互效果，它使得用户可以左右滑动内容区域，而不会显示传统的垂直滚动条，这种设计常见于某些网站的新闻列表或者产品展示区域，能提供更加美观且...
解决这个问题可以通过多种方法，包括在iFrame标签中添加滚动条样式、使用CSS样式来控制滚动条的显示或隐藏、在iFrame的父页面和子页面中添加DOCTYPE声明等。 在使用iFrame时，滚动条的显示或隐藏问题是很常见的。...
滚动条有两个主要部分：滑块和两个箭头，分别用于向上/向左和向下/向右移动。滑块的位置表示当前显示的内容位置，而箭头则用于改变滑块的位置，从而滚动内容。 在C#中，我们可以使用System.Windows.Forms....
滚动条有两个主要部分：滑块（Thumb）和两个箭头按钮，分别用于向上/向左和向下/向右移动。滚动条还包括两个值：最小值（Minimum）、最大值（Maximum），以及当前值（Value）。当用户操作滚动条时，滚动事件会被触发...
// 实现刷新逻辑，但不改变滚动条位置 base.Refresh(); } finally { // 重新启用滚动事件处理 Scroll += scrollHandler; } if (_scrollPosition != -1) { // 在刷新完成后，恢复滚动位置 ...
本文将详细探讨如何实现“外部滚动条控制iframe”，并提供一个具体示例。 #### 知识点一：iframe滚动行为默认特性 默认情况下，iframe具有自己的滚动条，当内容超出其可见区域时，内部的滚动条会自动出现。这种...