2012-05-18 60 views
1

[這是不容易的決定如何短語的問題...]HTML/CSS:如何讓容器的滾動條控制inner-inner div的滾動條?

這是一個example jsfiddle

紫色div('#inner')高1000px。

我怎樣才能讓紅色 DIV('#out')的滾動條 -
控制 DIV('#inner')的滾動?

或者創建一個看似similiar影響視覺的角度來看,
我覺得這裏有一個平凡解我失蹤...:\

+1

我認爲這隻能通過使用'onscroll'事件的JavaScript來完成。 – Quantastical

回答

0

您可以使用此jQuery插件:http://demos.flesler.com/jquery/scrollTo/ ,使藍滾動按照紅色滾動。

var top = $(redBox).scrollTop(); 
var left = $(redBox).scrollLeft(); 
$(blueBox).scrollTo({ top:top, left:left}, 800); 

這是假設我理解你的問題。