1. 程式人生 > >兩個div同時滑動

兩個div同時滑動

<span style="font-size:24px;"><html>
<head>
	<script type="text/javascript" src="D:\jquery.min.js"></script>
<script type="text/javascript">
$(function(){
debugger;
	$('#sourceDiv').scroll( function() { 
		$('#targetDiv').scrollTop($(this).scrollTop()); 
		$('#targetDiv').scrollLeft($(this).scrollLeft()); 
	}); 

	$('#targetDiv').scroll( function() { 
		$('#sourceDiv').scrollTop($(this).scrollTop()); 
		$('#sourceDiv').scrollLeft($(this).scrollLeft()); 
	}); 
});
</script>
</head>
<tbody>
<div id="sourceDiv" style="width:500px; height: 300px;overflow:scroll;" >

<div style="width:800px; height:600px;"></div>

</div>


<div id="targetDiv" style="width:500px;height: 300px; overflow:scroll;" >

<div style="width:800px; height:600px;"></div>

</div>
</tbody>
</html></span>
原地址

相關推薦

div同時滑動

<span style="font-size:24px;"><html> <head> <script type="text/javascript" src="D:\jquery.min.js"></script>

轉:Linux 雙網卡配置IP同時只有一個會通的原因

每次 網關 font onf ipv proc 發現 檢查 echo 根本原因: Linux默認啟用了反向路由檢查 如果2個網卡在一個Lan裏面,那麽服務器可能從eth0或者eth1發現網關, 如果一個包從eth0進入了, 而網關在eth1上, 那麽從eth1是出不去的,

設置div是總是不能重合瀏覽器user agent stylesheet問題

F12 css log .cn com -1 -s img agent 如圖 兩個div之間總是有一個空行,設置了margin為0還是沒卵用,f12調試發現 多了一個user agent stylesheet樣式,經百度是瀏覽器自帶的樣式 重新為div內的元素ul設置cs

div不換行

不換行 float code erro image ges 換行 兩個 設置 <div> <div class="left_tit single_tit" style="float: left;" > <em></

DIV並排顯示

ext content head wid con 做的 solid 一個 ges 今天做的一個項目,需要做3個div,一個是總框(Div1),另外兩個是子框,按比例填滿div1,我設置好兩個div的width和height,發現效果是兩個子div上下顯示,如圖所示: 要想

1.橫向滾動條,要設置div包裹. 2. 點擊切換視頻或者圖片. overflow . overflow-x

margin ges code total 點擊 上下 fin move sub 1.橫向滾動條. div.1 > div.2 > img img img 第一: 設置 div.1 一個固定的寬度 和高度 . 例如寬度 700px; 高度是 120

css-div並排,左邊div寬固定,右邊自適應 的解決方法

觸發 cal bfc order flex布局 one red splay CA <div class= "container"> <div class="left"></div> <div class="right"&

div在同一行且不換行

<div style="display:inline;"> <div style="float:left"><label class="">週數:</label></div> <div style="float:l

DIV重疊 CSS讓DIV層疊 DIV或多DIV順序重疊加

DIV重疊 CSS讓DIV層疊、疊加,CSS讓兩個DIV或多個DIV按順序重疊疊加篇 讓DIV重疊並按想要順序重疊需要CSS來實現,即CSS絕對定位進行實現。 重疊樣式需要主要CSS樣式解釋 1、z-index 重疊順序屬性 2、position:relative和position:abso

js同時獲取按鍵同時按下的值傳送到後臺伺服器,通過websocket傳送給後臺伺服器

我這裡是需要把值通過websocket傳送到服務端,所以把方法寫在websocket裡面了。 不需要websocket的可以直接看裡面程式碼 第一次寫,可根據需要更改,有不同見解可留言,相互學習。 websocket.onopen = function () {

埠號相同的系統同時登入會退出前面登入的

在web.xml裡面加    <session-config>     <cookie-config>     <name>archivesSessionId</name>     </cookie-config>

div疊加(張圖片疊加)

<pre name="code" class="html"><div style="position: relative;">//這個層為外面的父層,只需設定相對位置樣式即可 <div style="position: absolute;"

父級div高固定 子級div上下 上邊div高固定 下邊自適應

<div class= "container"> <div class="left"></div> <div class="right"></div> </div> <style

如何讓Div處於同一行

div是塊級元素,是獨佔一行的,一般情況下,兩個相鄰的div是不會處於一行的 (1)使用float <style>       div {                   float : left;              } </style>

ScrollView巢狀RecyclerView 導致滑動卡頓不流暢的原因

       專案中展示兩個RecyclerView ,所以在 ScrollView下嵌套了兩個,完成後發現介面滑動不流暢,還會出現卡頓的情況,嚴重影響了使用者的使用。網上查詢資料,經測試目前有兩種方法解決: 1、recyclerView.setNestedScrollin

如何讓div並排同行顯示

前段時間在做介面的時候,想要實現個兩個DIV並排的介面,做之前想著挺簡單的,只要將一個div浮動就可以了。然後就測試了一下。下面是部分程式碼 自己測試 程式碼 <span style="font

點擊按鈕對div的隱藏與顯示進行切換

body func on() nbsp type head element strong hidden HTML: <button type="button" id="showHidden">點擊切換div的隱藏與顯示</button> <d

div水平頂部對齊

方法 left-div和right-div都設定display:inline-block;  並且右邊的div增加樣式vertical-align: top; 使得右邊的div跟左邊的div的頂部對齊 最終程式碼如下 <div id='left-div' style="w

Opencv 視訊同時顯示

以下是將兩個視訊同時顯示在一個框內: #include <stdlib.h> #include <stdio.h> #include <math.h> #include <cv.h> #include <highgui

如何使nginx同時執行

1. 假設已經自動安裝了一個nginx 2. 第二個必須執行編譯安裝,編譯時需要制定--prefix,這樣才能將nginx安裝到一個指定的目錄下,設為$ngx_dir 3. 把執行檔案複製一份:cp -f $ngx_dir/sbin/nginx $ngx_dir/sbin/