rafikov / Simpliste

Simple responsive HTML5 template
http://cssr.ru/simpliste/
139 stars 22 forks source link

`Simple soft` horizontal scrolling #2

Open senyai opened 12 years ago

senyai commented 12 years ago

Приветствую.

В Google Chrome 16.0.912.75 m страницу (http://cssr.ru/simpliste/) с темой `Simple soft` можно скролить горизонтально, хотя полоса прокрутки и не появляется. С другими темами всё в порядке.
rafikov commented 12 years ago

Спасибо!

Там трик с псевдоэлементом :before, который тянется на много тысяч пикселей, чтобы создать фон на всю ширину экрана. Но я думал, что свойство overflow-x:hidden для body поможет избавиться от проблем.

То есть скролл возможен какими-то аппаратными средствами типа мышки с колесом для горизонтальной прокрутки?

Это как-то портит жизнь, если специально не искать баг?

senyai commented 12 years ago

У меня стандартная мышка - скролю нажав среднюю клавишу. Это осенью в Хроме появилася возможность скролить элементы с overflow:hidden. Как только эта фишка появилась, буквально каждый третий сайт позволял скролить куда угодно, но сейчас такие сайты редкость. Мне очень понравилось как сайт выглядит при 2560x1600 и 320x240 и я понял, что вы придаёте немалое значение мелочам и поэтому дабивил эту issue. Думаю горизонтальная прокрутка немного испортит жизнь всем, кто скролит средней клавишей в хроме. Ещё есть вероятность, что это ошибка в самом Хроме, ведь не логично скролить нескролимое.

Upd: Баг в webkit открыт уже два года https://bugs.webkit.org/show_bug.cgi?id=22769 - никого не волнует.

rafikov commented 12 years ago

Да, стараюсь что можно предусмотреть. Вчера оказалось, что у меня баг тоже виден, когда в Хроме. Выяснилось, что так же делают еще некоторые новые браузеры.

С утра искал ответ на эту задачку. Даже на http://stackoverflow.com о такой проблеме нашел несколько вопросов. Но решения нет. Пока придется отложить проблему, думаю что-нибудь по ходу дела подвернется, проблема не критическая.

santiago26 commented 11 years ago

Пришёл сюда, обнаружив то же самое поведение в теме fresh. Всё-таки в темах с багом при каждой попытке воспользоваться прокруткой, срываешься в горизонтальную. Действительно не критично, но жизнь портит. Будет ли полезен полный список тем, в которых есть проблема?

cyberviews commented 10 years ago

For this is the Internet and this grid is available for all nations, it would be so kind and polite to write in english

rafikov commented 10 years ago

cyberviews, here is a resume in English.

Some of the skins ("Simple soft", "Fresh") use a pseudo-element, which causes scrolling issue in some browsers. Scroll doesn't appear but it's possible to scroll the page.

This issue isn't obvious and can be discovered incidently by the user.

Some of the solutions: not to use pseudo elements and replace them with additional html-elements specially for presentation purposes. Or just delete the :before and :after declarations for the elements with widths set to big numbers, so backgrounds won't stretch to the width of the browser window.