Помните положение полосы прокрутки - CSS / VB.Net - PullRequest
0 голосов
/ 04 мая 2020

У меня довольно много изображений, которые пользователь прокручивает влево и вправо (2 изображения для этого примера ниже). Изображения представляют собой гиперссылки, которые настраиваются в VB. net как обычно ..

img1.image="image1.aspx"
hyp1.NavigateUrl="page2.aspx"
img2.image="image2.aspx"
hyp2.NavigateUrl="page3.aspx"

Мне нужно, чтобы положение прокрутки было запомнено / возвращено на прежнее место, когда пользователь возвращается к нему. после гиперссылки.

<div class="wrapper">
  <section class="horizontal-scroll">      
      <div class="item" id="item1" runat="server">
          <asp:HyperLink ID="hyp1" runat="server" >
              <asp:Image ID="img1" width="260px" ImageUrl="~/files/images/car1.gif" runat="server" />
          </asp:HyperLink>
      </div> 
      <div class="item" id="item2" runat="server">
          <asp:HyperLink ID="hyp2" runat="server" >
              <asp:Image ID="img2" width="260px" ImageUrl="~/files/images/car1.gif" runat="server" />
          </asp:HyperLink>
      </div> 
  </section>
</div>

CSS Код ..

.wrapper {
  width: 100%;
  margin: auto;
  border: 1px solid #333;
  background-image:url(images/field.jpg);
  background-repeat:no-repeat;
}
header {
  text-transform: uppercase;
  font-size: 30px;
  padding: 0px 0px;
  text-align: center;
}
.block {
  height: 100px;
  text-align: center;
  padding: 20px;
}
.horizontal-scroll {
  overflow: hidden;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0px 0;
  height:380px;
}
.item {
  border: 0px solid #333;
  display: inline-block;
  width: 260px;
  text-align: center;
  padding: 20px 0px;
  font-size: 16px;
  margin-left: 50px;
  margin-bottom: 60px;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...