Там странное поведение, с которым я столкнулся только с веб-браузерами с прошлого года, и это сводит меня с ума.
Я попытался выполнить поиск по этому вопросу, но, похоже, я не могу ударить по ключевым словам, связанным с этой проблемой.
У меня есть структура html, как показано ниже:
<div style="border: 1px solid #000; width:200px;height:200px; overflow:hidden;position:relative">
<div style="width:200px;position:absolute">
<p>long line</p>
<p><input type="text" value=""/></p>
<p>long line</p>
</div>
</div>
Вы можете посетить живой пример в ссылке jdfiddle: jsfiddle
Для меня, используя Chrome (18), когда один клик и перетаскивает текст в поле ввода текста из поля ввода, вы можете "прокручивать" родительский элемент, хотя переполнение CSS установлено на скрытое.
Вы можете попробовать его со скрипки, щелкнув по кнопке "Перетаскивание" правой, верхней, нижней, левой. Делает чудеса.
Более сложная структура html дает больше поведения прокрутки bizzare. Фактически, я могу почти сделать анимацию слайд-шоу с элементами, скользящими и скользящими в последовательности, просто перетащив выделение.
К счастью, этого не наблюдается в firefox.
Кто-нибудь тоже испытывает такое поведение? Предполагается ли это, что это функция вебкита? Кто-нибудь знает, как отключить это поведение "прокрутки"?
Спасибо!
изменить: Благодаря @PhilipK, он нашел связанный пост с решением javascript, которое было сказано ниже. Поскольку моя веб-страница тяжелая с javascript, я хотел бы узнать, есть ли там какие-либо возможные решения CSS.
edit2: Благодаря @tiffon он нашел другое решение для JavaScript. Его решение может быть реализовано в CSS (но с некоторыми ограничениями для событий мыши, поэтому решение CSS является неполным).
