Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
1 / 1 / 1
Регистрация: 14.03.2012
Сообщений: 78

Реализовать, чтобы статичный блок упирался в нижнюю границу таблицы при скролинге и прокручивался вместе с ней

25.12.2012, 20:29. Показов 1150. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день! Подскажите как реализовать следующее:
необходимо чтобы статичный блок упирался в нижнюю границу таблицы при скролинге и прокручивался вместе с ней, а не опускался до самого низа страницы.
код страницы следующий:
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
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
118
119
120
121
122
<html>
<head>
<title> статичный текст</title>
 
<meta name="GENERATOR">
 
 <script>
var f1;
(function(){
var d, scr, obj;
d=document;
 
onload=function(){
obj=d.getElementById("fix");
scr=obj.offsetTop;
 
 };
 
f1=function(){
if(d.documentElement.scrollTop||d.body.scrollTop>scr){
obj.className="fixYes";}
else{obj.className="";};
 
 
d.getElementById("mnb").innerHTML=scr+' '+s;
 
 };
 
 
 })();
</script>
 
 
 
 <style>
 #fix {color:hotpink;}
.fixYes {position:fixed; top:20; left:1%;}
</style>
 
 
 
</head>
<body onscroll="f1();">
 
<table border="1" width="744">
    <tr>
        <td width="146" valign="top">
        
 
 
 
 
 
 
<div id="fix" align="center">
статичный блок
<div align="center"> 
<p align="center"><a href="http://vetkrs.ru/kx.php" target="_blank"><img width="32"  border="0"></a></p>
 
<p align="center"><a href="http://vetkrs.ru/reklam.php"><img width="122" height="500" border="0"></a></p>
 
 
</div>
 
</div>
 
        </td>
        <td width="582">
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
            <p>контент</p>
        </td>
    </tr>
</table>
<p>еще текст</p>
<p>еще текст</p>
<p>еще текст</p>
<p>еще текст</p>
</body>
</html>
Миниатюры
Реализовать, чтобы статичный блок упирался в нижнюю границу таблицы при скролинге и прокручивался вместе с ней  
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
25.12.2012, 20:29
Ответы с готовыми решениями:

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

Выделить нижнюю границу у первой и последней строки таблицы
Здравствуйте! Как сделать две горизонтальные линии после первой строки и последней в таблице как на рисунке? Границы убрать смог а линии...

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

2
 Аватар для JsLoveR
425 / 167 / 48
Регистрация: 05.12.2012
Сообщений: 855
26.12.2012, 14:20
Вообще непонятно, что надо.
0
1 / 1 / 1
Регистрация: 14.03.2012
Сообщений: 78
26.12.2012, 17:06  [ТС]
При использовании приеденного мной скрипта, при скролинге "статичный" блок упирается в верх окна браузера до конца страницы. На фото я отметил место, где статичный блок как бы выезжает из ячейки таблицы. а мне необходимо, чтобы он упирался в низ ячейки и прокрутился скролингом вместе с таблицей!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
26.12.2012, 17:06
Помогаю со студенческими работами здесь

Как растянуть нижнюю границу таблицы до нижней границы листа (VBA Word 2013)
Уважаемые форумчане! Подскажите пожалуйста, как в VBA растянуть нижнюю границу таблицы до конца листа? В файле имеются 4 таблицы,...

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

Как сделать, чтобы при вставке текста он не прокручивался вниз а оставался на первой строчке?
Здравствуйте! Хочу спросить совета у знающих людей, возможно кто-то поможет (хотя я уже мало надеюсь на помощь в этом вопросе)... ...

Плавающий блок при скролинге
вот слева в сайдбаре есть блок &quot;топ 5&quot; как заставить его плавно двигаться при прокрутке? пробовал разные примеры из гугла, но ни один...

Найти нижнюю границу
Дан числовой конечный ряд 1 + 1/2 + 1/3 + ... + 1/n Найти нижнюю границу. Решение Проинтегрируем этот ряд в пределах от 1 до n и...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Символические и жёсткие ссылки в Linux.
algri14 15.03.2026
Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это дополнительная запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru