Javascript: Как узнать ширину и высоту в jquery

19/12/2022

/**
 * функция возвращает ширину клиентской области браузера
 *
 * @return int
 */
function getClientWidth()
{
	return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

/**
 * функция возвращает высоту клиентской области браузера
 *
 * @return int
 */
function getClientHeight()
{
	return document.compatMode=='CSS1Compat' && !window.opera ? document.documentElement.clientHeight : document.body.clientHeight;
}


Как узнать на сколько проскручена страница (проскролленность страницы)?


/**
 * функция определяет насколько проскроллена страница по ширине
 *
 * @return int
 */
function getBodyScrollLeft()
{
	return self.pageXOffset || (document.documentElement && document.documentElement.scrollLeft) || (document.body && document.body.scrollLeft);
}

/**
 * функция определяет насколько проскроллена страница по высоте
 *
 * @return int
 */
function getBodyScrollTop()
{
	return self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
}


Как узнать координаты центра окна с учетом скроллинга?


/**
 * функция возвращает растояние от левого края браузера до центра страницы
 * с учетом прокрутки
 *
 * @return int
 */
function getClientCenterX()
{
	return parseInt(getClientWidth()/2)+getBodyScrollLeft();
}
/**
 * функция возвращает растояние от верха браузера до центра страницы
 * с учетом прокрутки
 *
 * @return int
 */
function getClientCenterY()
{
	return parseInt(getClientHeight()/2)+getBodyScrollTop();
}



Теги - Javascript