Question

我正在处理一个Wordpress网站，所以我可以有限地访问我可以添加或不添加的内容以及在哪里。我不得不使用：before和：after伪元素后添加两个箭头图标。这些图标应该在div元素中实现一些滚动，它们是单击它们时的一部分。

<div class="thumbs-gallery">
  ::before
  <div class="thumb"></div>
  <div class="thumb"></div>
  <div class="thumb"></div>
  <div class="thumb"></div>
  <div class="thumb"></div>
  ::after
 </div>

设置方式，你只能看到2个拇指作为＆＃34;拇指画廊＆＃34;有一个固定的高度和一个设置为auto的溢出。

.thumbs-gallery {
    width: 135px;
    float: right;
    margin-top: -601px;
    height: 506px;
    overflow: auto;
}

.thumbs-gallery::before {
    content: "";
    display: block;
    background: url('...') no-repeat;
    background-size: 37px 25px;
    width: 38px;
    height: 25px;
    position: absolute;
    left: 830px;
    top: -630px;
}

.thumbs-gallery::after {
    content: "";
    display: block;
    background: url('...') no-repeat;
    background-size: 37px 25px;
    width: 38px;
    height: 25px;
    position: absolute;
    left: 830px;
    top: -50px;
    -webkit-transform: rotate(180deg);
}

如何使用JQuery定位前后伪元素，并让它滚动内容＆＃34; thumbs-gallery＆＃34;上下？

点击：之前或：在伪元素图标之后滚动图库

0 个答案: