マウスのクリックでキャプチャされた座標に別の小さな div を表示しようとしている Main div があります。問題は、左端、右端、上端、下端をクリックすると、小さな div がメイン div の外に出てしまうことです。overflow:hidden
メイン divを試してみましたが、それはしたくありません。どこをクリックしてもメイン div 内に div を配置したい。サンプルコード:
$(document).ready(function() {
$("#main_div").bind('click', function(event){
var x = event.pageX-document.getElementById("main_div").scrollLeft;
var y = event.pageY-document.getElementById("main_div").scrollTop;
$("#container-5").css({"top":y,"left":x});
});