Есть ли hook включить горизонтальный скролл для элемента с position:fixed?

Question

[Дмитрий Филатов]

Здравствуйте.

На сайте есть элемент постоянно закрепленный внизу страницу

cart-stripe {
  position: fixed;
  width: 1170px;
  min-height: 85px;
  background-color: #be1822;
  bottom: 0;
  z-index: 16; 
         }

При уменьшение размера окна в браузере появляется горизонтальный скролл, который отлично скроллит сайт влево и право (что мне и нужно). Проблема именно в этом элементе, так как он position:fixed, то пр и скролле он остается там где был и ничего не происходит. А на до, чтобы он так же, как и сайт скроллися.



Есть ли какие-то хуки или способы это сделать?

Answer 1

[Mastrix 0160]

Если только css то нету решения удобного.

Вот написал ростое решение можно уже подключить:
jsfiddle.net/Maxim_Sulim/3e4v13Lw

Можно еще сделать с jqueryui:
jqueryui.com/draggable/#constrain-movement

Comments

[Дмитрий Филатов]

Привет, большое вам спасибо. Ваше решение помогло. Тут еще момент, что пришлось добавить left:0; , чтобы оно в итоге заработало.

Большое спасибо.

[Mastrix 0160]

Дмитрий: это да)

[Дмитрий Филатов]

msulim: Еще раз спасибо, выручили, а про left: 0; я написал для тех, кто в будущем будет искать решение.

Answer 2

[reifter]

Либо переверстывать его, либо использовать javascript если подключен jquery можно так

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

jsfiddle.net/78vL486f

Comments

[Дмитрий Филатов]

Он сместить в левый угол, но скроллиться не будет