根据提供的素材内容,这个网站是一个名为”星野リゾート公式”的网站,它主要用于展示各种类型的图片。其中使用了CSS样式来控制图片的滚动行为和鼠标悬停效果。
在这个网站上,有一个名为.indiana-scroll-container--dragging
的元素,其scroll-behavior
属性被设置为auto !important
,这意味着当用户尝试拖动这个元素时,页面会自动滚动。同时,这个元素的所有子元素的pointer-events
属性被设置为none
,并将鼠标光标样式设置为默认的cursor: grab;
样式,以实现类似拖拽的效果。
还有一个名为.indiana-scroll-container--hide-scrollbars
的元素,其overflow
属性被设置为hidden
,并设置了-moz-scrollbars-none
、-ms-overflow-style: none
和scrollbar-width: none
属性,这些属性都使得滚动条被隐藏。同时,该元素的::-webkit-scrollbar
属性被设置为display: none !important
和height: 0 !important
,以及宽度被设置为0
(不可见),进一步隐藏了滚动条。
这个网站主要通过CSS样式实现了一种类似于拖拽操作的图片浏览方式,并利用滚动条隐藏技术来增强用户体验。