1

マウスの位置に応じて向きを変えるJavaScriptを使用して、アイテムのプレビュー(クイックビュー)を作成しようとしています。stackoverflow に存在するものと同様の機能が必要です。

アイテムがページの下部にある場合、プレビュー ウィンドウはその向きを変更する必要があります (ページがスクロールされるか、ブラウザ ウィンドウのサイズが変更されると)。現在、カーソルの下または上に表示されていますが、実際のカーソル位置とは関係ありません (画面またはブラウザー ウィンドウのサイズとは関係ありません)。私はjavascriptが初めてで、助けていただければ幸いです。

出発点として使用しているコードは次のとおりです。

function AssignPosition(d) {

if(self.pageYOffset) {
    rX = self.pageXOffset;
    rY = self.pageYOffset;
    }
else if(document.documentElement && document.documentElement.scrollTop) {
    rX = document.documentElement.scrollLeft;
    rY = document.documentElement.scrollTop;
    }
else if(document.body && document.body.scrollTop) {
    rX = document.body.scrollLeft;
    rY = document.body.scrollTop;
    }
if(document.all) {
    cX += rX; 
    cY += rY;
    }

var divHeight = d.style.height.replace(/px/, "");
divHeight = parseInt(divHeight);
if (cY < divHeight * 3 ) {
    d.style.left = (cX+50) + "px";
    d.style.top = (cY-10) + "px";
    }

else {
    cY = cY - divHeight;
    d.style.left = (cX+50) + "px";
    d.style.top = (cY-10) + "px";
    }

}

4

0 に答える 0