Выводить из строя scroll горизонтально; но позволять вертикального

Я стараюсь дезактивировать горизонтальный scroll в веб сайте; но не затрагивая вертикального.

У меня есть рукописный шрифт, который функционирует как контроль deslizante передавая "тело" страницы незаметно к левой стороне и раскрывая больше контентов. Однако, это создает пустое добавочное место в правую сторону.

Я должен дезактивировать горизонтальное перемещение для того, чтобы пользователи не увидели это пустое место. Я протестировал следующее; но выведи из строя как горизонтальное перемещение, так и вертикального:

window.onscroll = function () {
     window.scrollTo(0,0);
}

Я попытался со стилем overflow-x:hidden но это не функционирует, когда ширина body он динамический и не статический.

Вопрос:

Есть какой-то способ изменять мой рукописный шрифт, чтобы выводить горизонтальный scroll из строя и поддерживать вертикального в функционировании?


Первоначальный вопрос: https://stackoverflow.com / q / 22678482/4359029

6
задан 23.05.2017, 15:39
2 ответа

Ты был близко к тому, чтобы это получать; ты нуждаешься в том, чтобы получить document — или window— и соединять это с scroll, после ты можешь подтверждать, ли обновлен горизонтальный scroll в большую стоимость 0 и, того, чтобы быть таким, reasignarle стоимость 0

Следующий код функционирует хорошо:

$(function() {

    var $body = $(document);
    $body.bind('scroll', function() {
        // "Desactivar" el scroll horizontal
        if ($body.scrollLeft() !== 0) {
            $body.scrollLeft(0);
        }
    });

}); 

Если ты хочешь дезактивировать горизонтальный scroll элемента (как один div, например) ты нуждаешься в том, чтобы заменить $(document) из-за $("#IDElemento")


JSFiddle: https://jsfiddle.net / tomloprod / zx1bvdf5 /


ЗАМЕЧАНИЕ:

Верхний код избежит использовать горизонтальный scroll, кроме того, ты можешь использовать следующий стиль CSS: overflow-x:hidden чтобы скрывать горизонтальный scroll.

И он будет как будто не существовал никакой горизонтальный scroll


Мой первоначальный ответ: https://stackoverflow.com / в / 29431155/4359029

4
ответ дан 01.12.2019, 08:17

Возможная другая soluciГіn в эту проблему может быть путем Css, и - используя overflow-x: hidden;

Например ты это размещаешь в твоем body этой формы:

body{
   overflow-x: hidden;
}

И автоматически он скроет каждый (Горизонтальный) scroll x, который был бы в body.

оставил Тебе пример в живом, что я, казаться, кажусь более чистым.

DEMO

6
ответ дан 01.12.2019, 08:17
  • 1
    Этот soluci и # 243; n она чище и у нее есть лучшее выступление – ivillamil 06.12.2015, 00:13
  • 2
    Я не соглашаюсь, в котором это был soluci и # 243; n; так как это s и # 243; скрывает горизонтальный scroll, когда того, что требуется, выводить из строя. Хотя scroll не будет видимым, продолжи быть функциональным (как например, на экранах t и # 225; ctiles или выбрав текст). – tomloprod 06.12.2015, 08:11
  • 3
    @tomloprod Хороший эта правда 1000 %, подтвержденный, который, если ты можешь делать что-то из-за css, которые из-за javascript, лучше делать это из-за первая v и # 237; в. Относительно точки, о которой ты упоминаешь, я это использовал в app мобильные телефоны с phonegap и оно я функционировало верно, немного бывший сноп вредя. Adiconalmente не размещен Android в первоначальном вопросе и меньшем количестве ac и # 225; схвати и # 237; что твой аргумент не является совсем действительным. – Wilfredo 06.12.2015, 10:40
  • 4
    Я не отнесся в устройства м и # 243; подлые, @WilfredoP, а в экраны t и # 225; ctiles. И я поддерживаю мой opini и # 243; n, которого это не soluci и # 243; n; так как s и # 243; скрывает горизонтальный scroll. Не дезактивирует , который является вопросом в cuesti и # 243; n. Это м и # 225; s, в моем ответе tambi и # 233; n я говорю о свойстве CSS, о котором ты упоминаешь; но я показываю, что s и # 243; скрывать и # 225; scroll, из-за которого, по крайней мере в этом случае, podr и # 237; чтобы быть использованным вместе с soluci и # 243; n JS. – tomloprod 06.12.2015, 10:43
  • 5
    @tomloprod Bueh... - soluci и # 243; n альтернатива, не падать и # 233; если она хорошая или плохая, включенный в первоначальном post другой человек дает как альтернатива и я escrib и # 237; без взгляда этот post. Только измерь выступление тех, которых ты делаешь, и края, и глаз я не проголосовал за отрицание твой вопрос, то, что это сделал, знает, о котором я говорю. – Wilfredo 06.12.2015, 10:50