У меня довольно много изображений, которые пользователь прокручивает влево и вправо (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;
}