Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Николай16
24 / 8 / 8
Регистрация: 13.12.2015
Сообщений: 189
#1

Подсветка блока при скролле

05.09.2017, 19:32. Просмотров 103. Ответов 0
Метки нет (Все метки)

Как сделать чтобы при скролле на кождою область блока горела красным тема справа.
Типа год я на блоке SomeText3 горел SomeText3 справа красным? Так же сделать с остальными блоками (текстом)


PHPHTML
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet">
    <style>
        html {
            font-family: 'PT Sans Narrow', sans-serif;
            font-size: 30px;
            margin: 0;
            padding: 0;
        }
 
        #box1, #box2, #box3, #box4 {
            font-size: 20px;
            height: 1000px;
            width: 200px;
        }
 
        .block_box{
            margin-left: 40px;
            margin-top: 40px;
            float: left;
 
        }
 
        .menu {
            margin-left: ;
            float: left;
            position: fixed;
            margin-left: 1000px;
            margin-top: 50px;
            
        }
    </style>
</head>
<body>
 
    <div class="block_box">
        <div id="box1">SomeText1</div>
        <div id="box2">SomeText2</div>
        <div id="box3">SomeText3</div>
        <div id="box4">SomeText4</div>
    </div>
 
    <div class="menu">
        <div>SomeText1</div>
        <div>SomeText2</div>
        <div>SomeText3</div>
        <div>SomeText4</div>
    </div>
 
    
 
    <script>
        
    </script>
</body>
</html>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
05.09.2017, 19:32
Ответы с готовыми решениями:

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

Фиксатор меню(при скролле)
Собственно, проблема заключается в том, что меню отказывается фиксироваться при скролле. ...

Фиксированное меню при скролле
Всем привет. Я заметил одну интересную шапку у лпгенератор(не реклама). У них при скролле...

Позиционирование сайдбара при скролле
Всем добрый вечер. Суть вопроса: надо сделать фиксированный сайдбар, чтобы при скролле он был...

Анимированное появление блоков на странице при скролле
Помогите разобраться, хочу сделать при скролле анимацию, в плане выдвижения блоков слева и справа,...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
05.09.2017, 19:32

Подсветка родительского элемента при фокусе на дочернем
Привет,помогите реализовать такую штуку,хотя на css,это не сделать(если сделать поправть,и ответьте...

Подсветка цифровой клавиатуры при вводе телефона на мобильном
Привет ,как сделать чтобы клавиатура при вводе имени была текстовая а при вводе телефона цифровая с...

Открытие блока при клике
Имеется форма: #msg { width: 430px; min-height: 30px; } #msg:focus { height: 100px; ...


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

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

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru