我有一个项目列表，显示在我的页面上的模式中。我希望能够通过向左滑动列表元素以显示下面的选项来访问每个元素上的额外选项(即删除、重命名)。
我已经使用javascript和css转换属性创建了一个简单的滑动动画，但当我滑动它时，元素会离开模式的边缘，我认为这看起来不太好。我希望它留在模式，并在边缘下，每当它是向左滑动。
这是我想要的东西的图表：
我的第一个想法是在模式的边缘外添加一个彩色框，但这显然会在模式旁边显示一个大方块。也许有一种方法可以以某种方式“砍掉”元素的一部分。我该怎么做呢？
我有一个项目列表，显示在我的页面上的模式中。我希望能够通过向左滑动列表元素以显示下面的选项来访问每个元素上的额外选项(即删除、重命名)。
我已经使用javascript和css转换属性创建了一个简单的滑动动画，但当我滑动它时，元素会离开模式的边缘，我认为这看起来不太好。我希望它留在模式，并在边缘下，每当它是向左滑动。
这是我想要的东西的图表：
我的第一个想法是在模式的边缘外添加一个彩色框，但这显然会在模式旁边显示一个大方块。也许有一种方法可以以某种方式“砍掉”元素的一部分。我该怎么做呢？
1条答案
按热度按时间9gm1akwq1#
我真的不明白你想要什么，就像我不知道那些绿色盒子是做什么的一样。但据我所知，您似乎只需要这样就可以了，这样滑动的元素不会超出模式，对吗？如果是这样的话，您只需要将
overflow: hidden添加到通道/容器类中。这样，任何爆炸的东西都会被隐藏起来。如果您仍然希望模式具有垂直滚动功能，则使用overflow-x: hidden