使用css属性translatex限制鼠标水平滚动

文章/答案/技术大牛

发布

1回答

javascript、html、css、mouseevent、value-of-css-property

我正在写一个代码，当用户点击高级计划按钮translateX(-300px)时，它是为具有属性"overflow-x: scroll;“的DIV设置的，并且高级列正在显示。但问题是，当用户将鼠标拖到页面左侧和右侧的内容应该是可见的时候，DIV的其余300px视图就不会出现和显示。我的意思是在鼠标水平滚动时，translateX(-300px)属性限制了我们向左滚动。我应该在鼠标滚动

浏览 37提问于2020-08-23得票数 0

回答已采纳

1回答

使用waypoints.js控制水平滚动

javascript、jquery、css、jquery-waypoints

我看到的问题是初始的水平滚动条。它显示在页面加载上，这是一个问题，因为用户只需拖动滚动条就可以滚动到下一个屏幕。我想给它一个overflow-x，但它没有解决这个问题。(0%);} -webkit-transform: translateX(-100%);transform: translateX(-100%) -webkit-

浏览 5提问于2016-02-28得票数 0

7回答

使用css将鼠标滚轮设置为水平滚动

html、css、scroll、mouse

我想设计一个水平的页面。当我使用鼠标滚轮时，它只是垂直滚动内容。如何通过鼠标滚轮使用水平滚动？CSS是否支持此属性？

浏览 0提问于2013-08-28得票数 12

1回答

如何在打开辅助视图时禁用背景页面滚动，而不更改正文css

javascript、html、scroll、frontend

这个二级视图中的内容是可垂直滚动和水平固定的。问题是:当滚动到二级视图的顶部/底部时，背景页面也将滚动，如果尝试向左/向右滚动，背景页面也将滚动。 secondaryView.addEventLis

浏览 1提问于2021-02-18得票数 0

1回答

在jQuery中悬停水平滚动菜单

jquery、html、css

我正在创建一个下拉菜单，其中的项目列表是水平显示在屏幕上。将鼠标移动到项目上，将外部项目滚动到视图中。 $(this).find('li').css('transform','translateX(-'+ e.pageX + 'px

浏览 0提问于2017-06-20得票数 0

2回答

按钮将您带到水平滚动网站中的锚点

css、wordpress、anchor、horizontal-scrolling、elementor

我正在使用Wordpress。但是，当您单击按钮(或文本，或任何指向#id_name的内容)时，ids或锚点链接不会使页面水平滚动。我知道它与CSS有关，我可能需要使用js<e

浏览 2提问于2020-04-21得票数 0

2回答

固定页眉滚动表-如何在页面加载时使用css* jquery保持水平滚动位置*

javascript、jquery、html、css

我有一个带有水平滚动条和垂直滚动条的固定页眉滚动表，目前我可以对每个列进行排序，但是在加载页面时无法正确地保留表的水平位置。使用下面的内联css，我从一个隐藏的输入中获取scrollAmount，该输入的值来自jquery代码，并将其输入到内联css中。style="transform:translateX(<negative offset value of scrollAmount>)" 我的问题是如

浏览 1提问于2016-06-17得票数 0

回答已采纳

1回答

我正在使用一些滚动动画，但它会导致屏幕外的水平滚动。

javascript、html、css

我已经设置了一些滚动动画在许多元素的网站，我正在建设。我使用这些CSS规则： opacity: 0; transform: translateX(-090%);(0);默认情况下，hiddenLeft和hiddenRight类在元素中，然后当它们在垂直滚动期间相交时，将添加显示类。它所有的工作都很好，除了它已经创建了水平滚动到右边的网站宽度进入空白。我想保持动画的现状，但没

浏览 4提问于2022-09-29得票数 1

回答已采纳

1回答

如何以角度自动滚动？

html、css、angular、typescript、scroll

我得到了一个动态组件，其中我添加了材料卡水平。几张卡片之后，组件就被填满了，我可以滚动组件。但是如何使它水平地自动滚动，这样我就不必一直使用鼠标了？ display: flex; min-height: 305px;我想，它是水平的。它应该是这样的：但相反，它从不自动滚

浏览 2提问于2019-01-22得票数 2

回答已采纳

2回答

如何在水平滚动网站中跳到页面的某一部分？

javascript、html、css、reactjs、jsx

我正在制作一个水平滚动网站，由许多div在className“幻灯片”下制作。我想在导航栏中包括跳过个别幻灯片的按钮。我该怎么做？这是我的水平滚动网站使用的代码，它用鼠标滚动：<div className='home'> <divdiv className='slid

浏览 3提问于2020-08-30得票数 0

回答已采纳

1回答

避免带有背景视频的水平滚动条

css

它的目的是覆盖100%的屏幕，但它覆盖的不止于此，还创建了一个水平滚动条。我如何修复这个CSS，使它覆盖屏幕，但不给滚动条？在此之前，非常感谢您。bgvid { top: 50%; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%)

浏览 0提问于2016-09-21得票数 0

2回答

Safari CSS过渡闪烁

html、css、safari、transform

我有两个元素，水平滚动，与背景图像和这两个之间的过渡是使用CSS3，transformX()。单击鼠标右键时，第一个元素会从左向右滑动 -moz-transform: translateX(-8.5%); -ms-transform: translateX(-8.5%);

浏览 0提问于2014-07-29得票数 2

3回答

未选中复选框时的水平滚动

jquery、html、checkbox、event-handling、horizontal-scrolling

我正在创建的页面包括水平滚动，使用我在CSS技巧中找到的这段代码。我创建的导航使用的是复选框黑客技术，其高度将超过页面的100%。因此，如果在不使用复选框导航时仍有任何人跟踪，因此不选中，我希望运行上面的代码，允许页面水平滚动，但当复选框被选中时，tall菜单显示，我希望禁用水平滚动，然后恢复到常规垂直滚动。如果有人需要一个演示来看看我想从这个项目得到什么，那么这个项目位于复选框的html如下所示

浏览 4提问于2014-12-10得票数 0

回答已采纳

2回答

鼠标倾斜水平滚动在DataGridView中不起作用

c#、.net、winforms、datagridview、mousewheel

我有一个使用水平滚动条。当我在这个DataGridView上执行鼠标倾斜时，内容没有水平滚动。但在当我执行鼠标倾斜时，内容将水平滚动。那么，我应该在DataGridView中设置任何其他属性来启用鼠标倾斜吗？或者这是DataGridView中的一个bug？

浏览 1提问于2014-05-29得票数 2

3回答

移除垂直滚动条，只设计水平滚动条

javascript、html、css、scrollbar

绑定以删除垂直滚动条并保持鼠标轮，但它也从列表或其他div中移除水平滚动条。非常感谢

浏览 5提问于2017-01-21得票数 0

回答已采纳

2回答

平移(位置:固定)水平滚动

javascript、html、css

我的页面左侧有一个侧边栏，我在CSS中指定了position:fixed，并且希望水平滚动(以及页面上的所有其他内容)。对于我的页眉和页脚，我像这样解决了这个问题：{<div class="fullscreen_block hided"> <div class

浏览 1提问于2014-11-29得票数 0

回答已采纳

2回答

仅使div的一部分可见

javascript、dom-events、mouseevent、visibility、mousemove

我希望用户水平使用鼠标(即从左到右移动鼠标)来更改div的哪个部分是可见的。我该怎么做呢？

浏览 0提问于2012-05-25得票数 1

回答已采纳

1回答

水平滚动条不起反应作用

html、css、reactjs

setGreenTheme} className="skin__option"> </div>但是，当我将以下css应用于容器时，水平滚动条无法工作： display: flex; overflow-y: hidden;touch;

浏览 2提问于2020-11-17得票数 0

回答已采纳

1回答

css:隐藏溢出-x和魔术鼠标/手势

css、overflow、swipe-gesture

我试图阻止用户水平滚动(客户端向其索要web应用程序)。使用"overflow-x:hidden“风格很容易做到这一点。实际上，它的工作原理是不再有可见的水平滚动条。问题是，苹果的神奇鼠标仍然允许用户在Safari Mac、Chrome Mac和Opera Mac中水平滑动页面(而在Firefox Mac中不能)，即使滚动条是隐藏的。我相信没有必要向你展示CSS as...it“技术上”的工作原理: scollbar是隐藏的

浏览 6提问于2014-06-29得票数 1

2回答

webkit的性能.关键帧

css、css-animations

我有以下CSS动画： -webkit-transform: translateY(0);} to { -webkit-transform: translateX(0); }@-moz-keyframes come-left-in { to { -moz-transform: translateX</em

浏览 2提问于2014-03-29得票数 0

回答已采纳

点击加载更多