css - 一页上的粘滞按钮

Question

我想要一个具有固定位置的按钮，但就在那个页面上!我在 wordpress 上有一个单页主题，我给自己做了一个按钮(一个在悬停时上下移动的箭头，当你在移动设备上时总是移动，只是轻微移动)。

第一页主要是一张图片，我希望按钮稍微偏离底部，我想出了如何将它准确地放置在桌面和纵向移动设备上我想要的位置，但我希望它 在横向 View 中滚动，因为看到图片中间的按钮很烦人。

.button {
display: inline-block;
padding: 20px 55px;
...


@media only screen and (min-width: 481px max-width: 568px) {
.dark .button { 
position:relative;
bottom: -120px;
text-indent:-9999px;
border:none !important;
background: url('../images/down_arrow.png') no-repeat center center;

我还看到，在更大的显示器上，按钮的位置与我屏幕上的位置不一样(15"显示与 27"有很大不同)。

Answer 1

很难根据这么少的信息推测您的问题。

你试过吗

position:absolute;

因为它的视口(viewport)特定于相对，后者指的是父元素中的元素。

最好为我们提供一个 url 以获取更大的图片。