Question

当div具有水平滚动时，到达滚动末尾将触发浏览器向前或向后操作（已在Chrome，OSX上测试）

是否可以使用“软”滚动结束或禁用水平滚动浏览器导航？

.row {
  display: flex;
    flex-direction: row;
}

img {
  height: 200px;
  display: inline-block;
}

  <div class="row">
    <img src="https://ichef.bbci.co.uk/wwfeatures/live/1600_900/images/live/p0/7z/n4/p07zn4zn.jpg" alt="">
    <img src="https://ichef.bbci.co.uk/wwfeatures/live/1600_900/images/live/p0/7z/n4/p07zn4zn.jpg" alt="">
    <img src="https://ichef.bbci.co.uk/wwfeatures/live/1600_900/images/live/p0/7z/n4/p07zn4zn.jpg" alt="">
    <img src="https://ichef.bbci.co.uk/wwfeatures/live/1600_900/images/live/p0/7z/n4/p07zn4zn.jpg" alt="">
    <img src="https://ichef.bbci.co.uk/wwfeatures/live/1600_900/images/live/p0/7z/n4/p07zn4zn.jpg" alt="">
    <img src="https://ichef.bbci.co.uk/wwfeatures/live/1600_900/images/live/p0/7z/n4/p07zn4zn.jpg" alt="">
    <img src="https://ichef.bbci.co.uk/wwfeatures/live/1600_900/images/live/p0/7z/n4/p07zn4zn.jpg" alt="">
  </div>

无需浏览器导航的水平滚动CSS

0 个答案: