0 / 0 / 0
Регистрация: 04.02.2017
Сообщений: 16
1

При переходе к якорю, он работает не так как мне надо

31.10.2017, 12:42. Показов 628. Ответов 2
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
В общем, при нажатии на кнопку влево или вправо всё работает, но... позиция прокрутки страницы меняется, мне надо это изменить, что бы при нажатии на стрелку, оставалась та же самая позиция куда смотрел пользователь
Пример

Вот здесь, я нажимаю на стрелку
При переходе к якорю, он работает не так как мне надо

А вот здесь меня бросает вниз
При переходе к якорю, он работает не так как мне надо

Код

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html lang="ru">
    <head>
        <title>footballUkRaIne</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="CSS/main.css" type="text/css">
    </head>
    <body>
        <div class="container_left">
            <div class="slider">
                <div id="slide1" class="slide">
                    <img class="img" src="https://www.ua-football.com/img/upload/18/24445e.jpeg">
                    <a class="textimg" href="#" title="Зоря - Шахтар: кубок Украины">Зирка - Шахтар 3:4. Бразильський принцип, або Солодка оскома</a>
                    <a class="prev" href="#slide3">prev</a>
                    <a class="next" href="#slide2">next</a>
                </div>
                <div id="slide2" class="slide">
                    <img class="img" src="https://www.ua-football.com/img/upload/18/249486.jpeg">
                    <a class="textimg" href="#" title="Карпаты - Динамо 1:1. Месть в самый неподходящий момент">Карпаты - Динамо 1:1. Месть в самый неподходящий момент</a>
                    <a class="prev" href="#slide1">prev</a>
                    <a class="next" href="#slide3">next</a>
                </div>
                <div id="slide3" class="slide">
                    <img class="img" src="https://www.ua-football.com/img/upload/18/24951e.jpeg">
                    <a class="textimg" href="#" title="Ганновер - Боруссия Д 4:2. Гол Ярмоленко как утешение">Ганновер - Боруссия Д 4:2. Гол Ярмоленко как утешение</a>
                    <a class="prev" href="#slide2">prev</a>
                    <a class="next" href="#slide1">next</a>
                </div>
            </div>
        </div>
    </body>
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
.container_left{
    height: 1000px;
    border: 1px solid black;
    margin: -6px -8px 0 -8px;
    padding: 0;
    background-color: #111111;
}
 
ul, li {
    list-style-type:none;
}
.img {
    width: 325px;
    margin: 0;
    padding: 0;
    left:0;
}
 
video {
    position: absolute;
    margin-left: -1px; 
}
.textimg {
    display:inline-block;
    position:absolute;
    top:178px;   
    left:16px;
    margin:0;
    padding: 10px 10px 33px 20px;
    /* Дизайн текстa */
    color:#fff;
    font: 14px 'PFDinRegular', Arial, sans-serif;
}
 
.matchi {
    margin-left: -10px;
    width:1352px;
    height: 100px;
}
 
.tablica {
    position: relative;
    left:50px;
}
 
.tablica th,td{
    padding-right: 6px;
    border: 0 solid black;
    text-align: center;
    color: #666;
    font: 11px 'PFDinRegular', Arial, sans-serif;
}
 
.tablica td{
    color: white;
    font-size: 13px;
}
 
.container_matchi {
    width: 100%;
    height:100px;
}
 
.bordertab {
    border: 0 solid black;
    position: relative;
    top: -100px;
    padding: 10px;
    margin: 0;
    width: 200px;
}
 
.slider {
    position:relative;
    top: 6px;
    margin: 30px 30px;
    height: 244px;
    width: 325px;
    border: 1px solid black;
    overflow: hidden;
}
 
.next, .prev {
    height:50px;
    position:absolute;
    width:30px;
    top:50%;
    margin-top:-30px;
    opacity:0.6;
    text-indent:-99999px;
    cursor:pointer;
    -webkit-transition:opacity 200ms ease-out;
}
 
.next {
    right:0;
    background: #000 url('https://lh4.googleusercontent.com/-JN1IZLtuToI/UUoZnMG3C_I/AAAAAAAAAE8/SEbJ9nqXGnY/s226/sprite.png') no-repeat -174px 7px ;
}
 
.prev {
    left:0;
    background: #000 url('https://lh4.googleusercontent.com/-JN1IZLtuToI/UUoZnMG3C_I/AAAAAAAAAE8/SEbJ9nqXGnY/s226/sprite.png') no-repeat -207px 7px;
}
 
.next:hover, .prev:hover {
    opacity: 1;
}
 
.slide {
    position:absolute;
    height:100%;
    width:100%;
}
 
.slider .slide:target {
    z-index: 100;
}
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
31.10.2017, 12:42
Ответы с готовыми решениями:

Не работает switch так, как мне надо
Мне нужно сделать 2 условия: n - не четырехзначное число или четырехзначное. Как это можно сделать...

Конструкция if.elseif.else.end работает не так как мне надо
Вот код: rim = {&quot;M&quot;, &quot;D&quot;, &quot;C&quot;, &quot;L&quot;, &quot;X&quot;, &quot;V&quot;, &quot;I&quot;} function dom(a, b) x = (a -...

Форма не так открывается как мне надо в БД Access 2007
Помогите пожалуйста... Я создаю БД &quot;Телефонный справочник&quot; и у меня следующая проблема. Я создал...

Как мне сделать так чтобы не надо было указывать полный путь
Добрый день , форумчане. Как мне сделать так чтобы не надо было указывать полный путь ? Как...

2
Модератор
Эксперт HTML/CSS
2275 / 1656 / 650
Регистрация: 07.08.2016
Сообщений: 3,970
31.10.2017, 13:09 2
Якорь работает так как должен, а именно перематывает страницу до якоря так чтобы он находился вверху страницы, поэтому у вас и прокручивается контент. Если нужны именно стрелочки то без скриптов вам тут не обойтись, а со скриптами проще нормальный слайдер написать или прикрутить уже готовый.
1
0 / 0 / 0
Регистрация: 04.02.2017
Сообщений: 16
31.10.2017, 16:32  [ТС] 3
Спасибо, написал на js, не жалуюсь
0
31.10.2017, 16:32
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
31.10.2017, 16:32
Помогаю со студенческими работами здесь

Что мне надо поменять в моём компе, работает медленно как то!
Ребята подскажите кто хорошо понимает, модернизация последняя 14.03.11год. Сижу в основном в...

Работает не так как надо
я ввожу ааа - выводит qqq а должен выводить qaz что нужно поменять? хотя бы на примере первого...

реклама в браузерах, как при переходе так и на самой странице
Здравствуйте, Скачал программу Freemake - с офиц сайта и появилась &quot;реклама&quot;

Работает не так как надо(классы)
Задача. Создать класс хранящий в себе инн. Проверить его на верность и вывести результат. class...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru