使两个DIV滚动条同时滚动

最新推荐文章于 2023-07-21 17:20:07 发布
最新推荐文章于 2023-07-21 17:20:07 发布
阅读量1.3k 收藏
点赞数
分类专栏： 脚本语言 文章标签： div asp.net 服务器 scroll vb border

 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<html>
    <head>
<style>

    DIV {width:200;height:200;border:solid 1px;overflow-x:hidden;overflow-y:scroll;}
    body {margin:0}
   
</style>
</head>
<body>
<div οnscrοll="ToScroll.scrollTop = this.scrollTop;">
1. re: 请教：如何在子页面关闭时把焦点设置到父页面的服务器控件上？
评论内容较长,点击标题查看
--quitgame
2. re: 请教高手，如何取得Target属性
评论内容较长,点击标题查看
--quitgame
3. re: 请教高手，如何取得Target属性
评论内容较长,点击标题查看
--trueben
4. re: 请教高手，如何取得Target属性
Request.QueryString["target"];
--wudebin
5. re: [急]请教:如何防止同时访问相同页面？
评论内容较长,点击标题查看
--Pharaoh
阅读排行榜
1. 在asp.net中如何防止二重启动,相当于VB中函数App.PrevInstance的功能(235)
2. [急]请教:如何防止同时访问相同页面？(160)
3. 请教：如何在子页面关闭时把焦点设置到父页面的服务器控件上？(155)
4. 请教高手，如何取得Target属性(141)

</div>

<div id="ToScroll" style="left:220px;position:absolute;top:0px;overflow-y:hidden">
1. re: 请教：如何在子页面关闭时把焦点设置到父页面的服务器控件上？
评论内容较长,点击标题查看
--quitgame
2. re: 请教高手，如何取得Target属性
评论内容较长,点击标题查看
--quitgame
3. re: 请教高手，如何取得Target属性
评论内容较长,点击标题查看
--trueben
4. re: 请教高手，如何取得Target属性
Request.QueryString["target"];
--wudebin
5. re: [急]请教:如何防止同时访问相同页面？
评论内容较长,点击标题查看
--Pharaoh
阅读排行榜
1. 在asp.net中如何防止二重启动,相当于VB中函数App.PrevInstance的功能(235)
2. [急]请教:如何防止同时访问相同页面？(160)
3. 请教：如何在子页面关闭时把焦点设置到父页面的服务器控件上？(155)
4. 请教高手，如何取得Target属性(141)

</div>
</body>
</html>

jhrokin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【demo】-两个div同步滚动
jieweiwujie的博客
11-04 271
两个div同步滚动
html 二个div同时滚动,HTML – 让两个div共享相同的滚动条？
weixin_36304087的博客
06-09 983
给定两个div表示嵌入较大div的列.如果“！stuff”html表示会超过容器高度的多行数据,我该如何设置它以使两个col div溢出并从“容器”共享一个滚动条？.container {height: 100%;width: 100%;overflow-x: hidden;overflow-y: scroll;position: relative;padding-bottom: 30px;}.c...
div 滚动条 同步 控制 div 滚动条 滚动
nailwl
03-25 2936
div scroll <!-- DIV {width:200;height:200;border:solid 1px;overflow-x:hidden;overflow-y:scroll;} body {margin:0;background-color : transparent;}
自定义滚动条控制大的div滚动
flting1017的博客
12-05 451
最近有个项目的需求，就是有一个滚动的小滑块，可以控制一个大的div滚动，可能本人的描述有点偏差，要的效果类似下图 这是小滑块可以控制大的div 这是大的div滑动 这个滑块我是使用 h5的特性 input做的 value默认为0 //拿到input var dragscroll = $("#dragbar"); //大的div的scroll
div的滚动条如何实现
12-13
这两个例子会在内容溢出对应方向时自动显示滚动条。 在某些情况下，`div` 可能是其他元素如 `td`（表格单元格）的子元素。在这种情况下，可能需要将 `div` 的定位设置为 `relative`，以便滚动条不会影响到其他元素...
DIV 自动滚动功能及滚动条颜色修改的代码
09-24
在网页设计中，有时我们需要为特定的`div`元素实现自动滚动效果，同时自定义滚动条的外观，比如改变滚动条的颜色。这篇文章将探讨如何实现这两个功能。 首先，让我们来看看如何实现`div`的自动滚动功能。这通常通过...
基于jquery的滚动条滚动固定div(附演示下载)
10-27
本文主要介绍如何使用jQuery实现一个滚动条滚动时固定页面中的一个div元素，并且提供了一个简单的演示案例。这种效果在很多网站上都能看到，比如淘宝商品详情页中，当用户滚动商品详情时，评价栏会固定在页面顶部。...
使用CSS实现无滚动条滚动的两种方法
09-22
在实际应用中，需要注意的是，为了使滚动条在视觉上隐藏，外层容器的宽度需要比内层容器小20像素左右（具体数值要根据浏览器默认滚动条的宽度来调整），这个宽度正好是滚动条的宽度。这样，滚动条在视觉上就会被外层...
让页面上两个div中的滚动条(滑块)同步运动示例
12-04
使用JQuery添加如下代码 代码如下: $(‘#sourceDiv’).scroll( function() { $(‘#targetDiv’).scrollTop($(this).scrollTop()); $(‘#targetDiv’).scrollLeft($(this).scrollLeft()); }); $(‘#targetDiv’).scroll( function() { $(‘#sourceDiv’).scrollTop($(this).scrollTop()); $(‘#sourceDiv’).scrollLeft($(this).scrollLeft()); });
不同DIV滚动条如何同步？
u011927449的博客
11-17 300
$(".DIV").scroll(function(){ $(".target").scrollLeft($(".DIV ").scrollLeft()); }); $(".m-h430").s...
两个div同步滚动
weixin_42979149的博客
06-28 4500
html: <div id="div1"> // code... </div> <div id="div2"> // code... </div> 首先一开始我想的是两个div的scroll同时去修改另一个div的scrollTop，但这样会导致卡顿，滚动非常慢，这是由于相互调用导致的 如下： $("#div1").scroll(fun...
tkinter实现一个滚动条同时控制两个部件
u014297638的博客
04-01 1769
tkinter实现一个滚动条同时控制两个部件 import tkinter as tk def Wheel(event):#鼠标滚轮动作 print(str(-1*(event.delta/120)))#windows系统需要除以120 text2.yview_scroll(int(-1*(event.delta/120)), "units") text1.yview_...
只横向滚动css,CSS：垂直滚动两个绝对定位的div，而水平滚动条保持固定
weixin_36231030的博客
08-03 596
我有两个absolute ly定位元素彼此相邻，是完全相同的高度，和右边的一个可能有水平溢出。当存在水平溢流我想上div(并且只有div)滚动条在该div的底部，同时既divs继续时也有垂直溢出到一起垂直滚动保持固定。问题是我想让左边的div在它的位置上保持固定。许多现代的文本编辑器都有这个功能(注意底部的滚动条和包含在左边的列中的行号)：之前滚动： 滚动后水平对齐方式： 垂直滚动后： 左边的行号...
实现两个div滑动时联动（滑动任意一个，其他一个跟着动）
最新发布
https://shixuebin.gitee.io/hexo-blog/
07-21 1103
【代码】实现两个div滑动时联动（滑动任意一个，其他一个跟着动）
swiper中swiper-slide高度自适应，两个轮播相互控制
前端之家
09-09 1135
swiper高度自适应属性 autoHeight:true, 两个swiper第一个控制第二个切换，第二个不能自主切换案例 var ia = new Swiper('.a', { spaceBetween: 0, loop: true, speed: 700, autoHeight:true, effect: 'fade', }) var ib = new Swiper('.b', {
实现两个div并排显示并各独立滚动
weixin_47902184的博客
12-19 759
实现两个div并排显示并各独立滚动。
js控制滚动条联动
张林强的专栏
09-05 5873
//控制两个div的滚动条联动，便于页面对比 function funcsrcoll1() { document.getElementById("div2").scrollLeft = document.getElementById("div1").scrollLeft; document.getElementById("div2").scrollTop = document.getElement
HTML页面中有左右两个div，分别实现滚动条效果
06-09
可以使用CSS的overflow属性来实现滚动条效果。具体实现方法如下： HTML代码： ```html <div class="container"> <div class="left">左边的内容</div> <div class="right">右边的内容</div> </div> ``` CSS代码： ```css .container { display: flex; } .left { overflow-y: scroll; /* 竖直方向滚动条 */ width: 50%; } .right { overflow-y: scroll; /* 竖直方向滚动条 */ width: 50%; } ``` 这样，左右两个div就会出现滚动条，当内容超出div的高度时就可以用滚动条滚动查看。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值