jQuery scrollTop()、scrollLeft()を使って、スクロールの位置を取得

scrollTop()で、要素の現在のスクロール上の上位置を取得、scrollLeft()で、要素の現在のスクロール上の左位置を取得します。縦スクロールを出すためにwidthを指定し、 overflow: auto;に。また、横スクロールを出すために要素全体をblockquoteタグで囲んでいます。
スクロールを開始すると、数値表示位置に色を変えて数値を表示します。
ここにTopの数値  ここにLeftの数値
[ダミーテキスト] 景品表示法は,正式には、不当景品類及び不当表示防止法(昭和37年法律第134号)といいます。消費者は、より質の良いもの、価格の安いものを求め、事業者は消費者の期待に応えるために、商品・サービスの質を向上させ、また、より安く販売するように努力します。これがあるべき健全な市場の姿です。 ところが、不当な表示や過大な景品類の提供が行われると、消費者が商品・サービスを選択する際に悪い影響を与え、公正な競争が阻害されることになります。 そこで、独占禁止法の特例法として、昭和37年に景品表示法が制定されました。 景品表示法は、不当表示や過大な景品類の提供を厳しく規制し、公正な競争を確保することにより、消費者が適正に商品・サービスを選択できる環境を守ります。
景品表示法上の「景品類」の定義 景品表示法上の「景品類」については、同法第2条第1項において、 [1]顧客を誘引するための手段として [2]事業者が自己の供給する商品又は役務(サービス)の取引(不動産に関する取引を含む。)に付随して [3]取引の相手方に提供する物品、金銭その他の経済上の利益であって、公正取引委員会が指定するものをいうと定義されています。 公正取引委員会は、この規定に基づき、「不当景品類及び不当表示防止法第2条の規定により景品類及び表示を指定する件」(昭和37年公正取引委員会告示第3号)において、法第2条第1項と同様に上記[1]~[3]のとおり規定した上で、具体的にどのようなものが「景品類」に当たるかを指定しています。 その内容は次のとおりです。 ・物品及び土地、建物その他の工作物 ・金銭、金券、預金証書、当選金付き証票及び公社債、株券、商品券その他の有価証券 ・きょう応(映画、演劇、スポーツ、旅行その他の催物等への招待又は優待を含む。) ・便益、労務その他の役務
ただし、正常な商慣習に照らして値引又はアフターサービスと認められる経済上の利益及び正常な商慣習に照らして当該取引に係る商品又は役務に付属すると認められる経済上の利益は含まないこととされています。