Могу ли я использовать положение: фиксированное по вертикали и положение: абсолютно по горизонтали?

Question

У меня есть текст внизу моей страницы, в котором написано «Построено мной».У меня есть это в фиксированном положении 35px от нижней и левой части окна, чтобы он двигался при прокрутке.Что я на самом деле хочу, так это исправить его вертикально, чтобы он двигался при прокрутке вверх и вниз и всегда находился на расстоянии 35 пикселей от нижней части окна, но располагал его на расстоянии 35 пикселей от левого края страницы (не экрана), чтобыне перемещается при горизонтальной прокрутке. Я проверил это решение Элемент положения зафиксирован вертикально, абсолютно горизонтально , но, к сожалению, он мне не подходит.К вашему сведению, в настоящее время я использую следующий код, чтобы исправить его сверху и снизу, который работает нормально (но также перемещается при горизонтальной прокрутке):

#sticky {
position: fixed;
bottom: 35px;
left: 35px;
width: 206px;
padding: 0;
font-size: 0.6875em;
}

*html #sticky {
position: absolute;
bottom: 0px;
}

<div id="sticky">
Built by Me
</div>

Большое спасибо за любые указатели, которые вы могли бы дать, поскольку я не могуна всю жизнь у меня работают, как это исправить только на одной оси?

Дэйв

Answer 1

Сохраняйте фиксированное деление.

И иметь следующий код JavaScript, который позаботится о горизонтальном перемещении.

$(window).scroll(function(){
  $('.fixed_div').css('left',-$(window).scrollLeft());
});

Answer 2

Я считаю, что единственный способ добиться этого - использовать position: fixed; и вычислить значение left при загрузке страницы или изменить ее размер, определив, где находится левый край «страницы», а затем добавив к ней 35 пикселей. Дайте мне знать, если вы хотите, чтобы я уточнил.