Прокрутка главной страницы до хэш-привязки вместо внутренней прокручиваемой страницы с помощью HTML/CSS и начальной загрCSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 Прокрутка главной страницы до хэш-привязки вместо внутренней прокручиваемой страницы с помощью HTML/CSS и начальной загр

Сообщение Anonymous »

У меня есть вложенная область прокрутки, и проблема в том, что когда я нажимаю на решетку, прокручивается главное окно, но я просто хочу прокрутить внутреннюю область
мой код

Код: Выделить всё

{% extends "base.html" %}
{% load static %}
{% load humanize %}

{% block title %}
فاکتور ها
{% endblock title %}

{% block content %}

{% for factor in object_list %}



[list]
[*]
[url=#scrollspyHeading1{{factor.id}}]اطلاعات فاکتور[/url]

[*]
[url=#scrollspyHeading2{{factor.id}}]محصولات[/url]

[/list]


[h4]اطلاعات فاکتور[/h4]




شناسه فاکتور
جمع فاکتور
تاریخ و ساعت
وضعیت ارسال




{{factor.id}}
{{factor.payment.amount}}
{{factor.payment.time}}

{% if factor.delevery_status == 0 %}
ارسال نشده
{% else %}
ارسال شده
{% endif %}






[h4]محصولات[/h4]




نام محصول
تعداد محصول
قیمت واحد
قیمت کل




{% for product in factor.factoritem_set.all %}

{{product.title}}
{{product.number}}
{{product.price}}
{{product.item_price}}

{% endfor %}







{% empty %}

فاکتوری برای نمایش وجود ندارد

[i][/i]

{% endfor %}


{% endblock content %}
поэтому я использую этот код в django tempaltes, и каждый раз, когда я пытаюсь просмотреть главную страницу, она прокручивается с помощью внутренней прокрутки.
я хочу вот этого:
пример


< pre class="snippet-code-css lang-css Prettyprint-override">

Код: Выделить всё

.myclass{
max-height: 250px;
overflow-y: auto;
border: #ffd036 solid 2px;
border-radius: 5px;
padding: 10px;

}
.myclass >  div{
min-height:  195px !important;
}

Код: Выделить всё




     & l t ; t i t l e & g t ; D o c u m e n t & l t ; / t i t l e & g t ; < b r   / >     & l t ; l i n k   h r e f = " h t t p s : / / c d n . j s d e l i v r . n e t / n p m / b o o t s t r a p @ 5 . 3 . 3 / d i s t / c s s / b o o t s t r a p . m i n . c s s "   r e l = " s t y l e s h e e t "   i n t e g r i t y = " s h a 3 8 4 - Q W T K Z y j p P E j I S v 5 W a R U 9 O F e R p o k 6 Y c t n Y m D r 5 p N l y T 2 b R j X h 0 J M h j Y 6 h W + A L E w I H "   c r o s s o r i g i n = " a n o n y m o u s " & g t ; < b r   / > & l t ; s c r i p t   s r c = " h t t p s : / / c d n . j s d e l i v r . n e t / n p m / b o o t s t r a p @ 5 . 3 . 3 / d i s t / j s / b o o t s t r a p . b u n d l e . m i n . j s "   i n t e g r i t y = " s h a 3 8 4 - Y v p c r Y f 0 t Y 3 l H B 6 0 N N k m X c 5 s 9 f D V Z L E S a A A 5 5 N D z O x h y 9 G k c I d s l K 1 e N 7 N 6 j I e H z "   c r o s s o r i g i n = " a n o n y m o u s " & g t ; & l t ; / s c r i p t & g t ; < b r   / > < b r   / > & l t ; / h e a d & g t ; < b r   / > & l t ; b o d y & g t ; < b r   / >     & l t ; d i v   c l a s s = " c o n t a i n e r " & g t ; < b r   / >         & l t ; n a v   i d = " n a v b a r - e x a m p l e 2 1 "   c l a s s = " n a v b a r   b g - b o d y - t e r t i a r y   p b - 3   m t - 3 " & g t ; < b r   / >             & l t ; a   c l a s s = " n a v b a r - b r a n d "   h r e f = " # " & g t ; N a v b a r & l t ; / a & g t ; < b r   / >             & l t ; u l   c l a s s = " n a v   n a v - p i l l s " & g t ; < b r   / >                 & l t ; l i   c l a s s = " n a v - i t e m " & g t ; < b r   / >                     & l t ; a   c l a s s = " n a v - l i n k "   h r e f = " # s c r o l l s p y H e a d i n g 1 1 " & g t ; F i r s t & l t ; / a & g t ; < b r   / >                 & l t ; / l i & g t ; < b r   / >                 & l t ; l i   c l a s s = " n a v - i t e m " & g t ; < b r   / >                     & l t ; a   c l a s s = " n a v - l i n k "   h r e f = " # s c r o l l s p y H e a d i n g 2 1 " & g t ; S e c o n d & l t ; / a & g t ; < b r   / >                 & l t ; / l i & g t ; < b r   / >                 & l t ; l i   c l a s s = " n a v - i t e m " & g t ; < b r   / >                     & l t ; a   c l a s s = " n a v - l i n k "   h r e f = " # " & g t ; a b c & l t ; / a & g t ; < b r   / >                 & l t ; / l i & g t ; < b r   / >                 < b r   / >             & l t ; / u l & g t ; < b r   / >         & l t ; / n a v & g t ; < b r   / >         & l t ; d i v   d a t a - b s - s p y = " s c r o l l "   d a t a - b s - t a r g e t = " # n a v b a r - e x a m p l e 2 1 "   d a t a - b s - r o o t - m a r g i n = " 0 p x   0 p x   - 4 0 % "   d a t a - b s - s m o o t h - s c r o l l = " t r u e "   c l a s s = " s c r o l l s p y - e x a m p l e   b g - b o d y - t e r t i a r y   p - 3   m y c l a s s   r o u n d e d - 2 "   t a b i n d e x = " 0 " & g t ; < b r   / >             & l t ; h 4   i d = " s c r o l l s p y H e a d i n g 1 1 " & g t ; F i r s t   h e a d i n g & l t ; / h 4 & g t ; < b r   / >             & l t ; d i v & g t ; < b r   / >                 & l t ; t a b l e   c l a s s = " t a b l e " & g t ; < b r   / >                     & l t ; t h e a d & g t ; < b r   / >                             & l t ; t r   c l a s s = " t e x t - c e n t e r " & g t ; < b r   / >                                     & l t ; t h   s c o p e = " c o l " & g t ; ن ا م   م ح ص و ل & l t ; / t h & g t ; < b r   / >                                     & l t ; t h   s c o p e = " c o l " & g t ; ت ع د ا د   م ح ص و ل & l t ; / t h & g t ; < b r   / >                                     & l t ; t h   s c o p e = " c o l " & g t ; ق ی م ت   و ا ح د & l t ; / t h & g t ; < b r   / >                                     & l t ; t h   s c o p e = " c o l " & g t ; ق ی م ت   ک ل & l t ; / t h & g t ; < b r   / > < b r   / >                             & l t ; / t r & g t ; < b r   / >                     & l t ; / t h e a d & g t ; < b r   / >                     & l t ; t b o d y & g t ; < b r   / >                     < b r   / >                             & l t ; t r   c l a s s = " t e x t - c e n t e r " & g t ; < b r   / >                                     & l t ; t d & g t ; t i t l e & l t ; / t d & g t ; < b r   / >                                     & l t ; t d & g t ; n u m b e r & l t ; / t d & g t ; < b r   / >                                     & l t ; t d & g t ; p r i c e & l t ; / t d & g t ; < b r   / >                                     & l t ; t d & g t ; i t e m _ p r i c e & l t ; / t d & g t ; < b r   / >                             & l t ; / t r & g t ; < b r   / >                     < b r   / >                             < b r   / >                     & l t ; / t b o d y & g t ; < b r   / >                 & l t ; / t a b l e & g t ; < b r   / >             & l t ; / d i v & g t ; < b r   / >             < b r   / >             & l t ; h 4   i d = " s c r o l l s p y H e a d i n g 2 1 " & g t ; S e c o n d   h e a d i n g & l t ; / h 4 & g t ; < b r   / >             & l t ; d i v & g t ; < b r   / >                     & l t ; t a b l e   c l a s s = " t a b l e " & g t ; < b r   / >                         & l t ; t h e a d & g t ; < b r   / >                                 & l t ; t r   c l a s s = " t e x t - c e n t e r " & g t ; < b r   / >                                         & l t ; t h   s c o p e = " c o l " & g t ; ش ن ا س ه   ف ا ک ت و ر & l t ; / t h & g t ; < b r   / >                                         & l t ; t h   s c o p e = " c o l " & g t ; ج م ع   ف ا ک ت و ر & l t ; / t h & g t ; < b r   / >                                         & l t ; t h   s c o p e = " c o l " & g t ; ت ا ر ی خ   و   س ا ع ت & l t ; / t h & g t ; < b r   / >                                         & l t ; t h   s c o p e = " c o l " & g t ; و ض ع ی ت   ا ر س ا ل & l t ; / t h & g t ; < b r   / >                                 & l t ; / t r & g t ; < b r   / >                         & l t ; / t h e a d & g t ; < b r   / >                         & l t ; t b o d y & g t ; < b r   / >                                 & l t ; t r   c l a s s = " t e x t - c e n t e r " & g t ; < b r   / >                                         & l t ; t d & g t ; i d & l t ; / t d & g t ; < b r   / >                                         & l t ; t d & g t ; a m o u n t & l t ; / t d & g t ; < b r   / >                                         & l t ; t d & g t ; t i m e & l t ; / t d & g t ; < b r   / >                                         & l t ; t d & g t ; < b r   / >                                         1 2 3 4 < b r   / >                                         & l t ; / t d & g t ; < b r   / >                                 & l t ; / t r & g t ; < b r   / >                                 < b r   / >                         & l t ; / t b o d y & g t ; < b r   / >                     & l t ; / t a b l e & g t ; < b r   / >             & l t ; / d i v & g t ; < b r   / >                     < b r   / >         & l t ; / d i v & g t ; < b r   / >     < b r   / >         & l t ; n a v   i d = " n a v b a r - e x a m p l e 2 2 "   c l a s s = " n a v b a r   b g - b o d y - t e r t i a r y   p x - 3   m t - 3 " & g t ; < b r   / >             & l t ; a   c l a s s = " n a v b a r - b r a n d "   h r e f = " # " & g t ; N a v b a r & l t ; / a & g t ; < b r   / >             & l t ; u l   c l a s s = " n a v   n a v - p i l l s " & g t ; < b r   / >                 & l t ; l i   c l a s s = " n a v - i t e m " & g t ; < b r   / >                     & l t ; a   c l a s s = " n a v - l i n k "   h r e f = " # s c r o l l s p y H e a d i n g 1 2 " & g t ; F i r s t & l t ; / a & g t ; < b r   / >                 & l t ; / l i & g t ; < b r   / >                 & l t ; l i   c l a s s = " n a v - i t e m " & g t ; < b r   / >                     & l t ; a   c l a s s = " n a v - l i n k "   h r e f = " # s c r o l l s p y H e a d i n g 2 2 " & g t ; S e c o n d & l t ; / a & g t ; < b r   / >                 & l t ; / l i & g t ; < b r   / >                 < b r   / >             & l t ; / u l & g t ; < b r   / >         & l t ; / n a v & g t ; < b r   / >         & l t ; d i v   d a t a - b s - s p y = " s c r o l l "   d a t a - b s - t a r g e t = " # n a v b a r - e x a m p l e 2 2 "   d a t a - b s - r o o t - m a r g i n = " 0 p x   0 p x   - 4 0 % "   d a t a - b s - s m o o t h - s c r o l l = " t r u e "   c l a s s = " s c r o l l s p y - e x a m p l e   b g - b o d y - t e r t i a r y   p - 3   m y c l a s s   r o u n d e d - 2 "   t a b i n d e x = " 0 " & g t;
[h4]First heading[/h4]




نام محصول
تعداد محصول
قیمت واحد
قیمت کل






title
number
price
item_price





[h4]Second heading[/h4]




شناسه فاکتور
جمع فاکتور
تاریخ و ساعت
وضعیت ارسال




id
amount
time

1234









[url=#]Navbar[/url]
[list]
[*]
[url=#scrollspyHeading13]First[/url]

[*]
[url=#scrollspyHeading23]Second[/url]

[/list]


[h4]First heading[/h4]




نام محصول
تعداد محصول
قیمت واحد
قیمت کل






title
number
price
item_price





[h4]Second heading[/h4]




شناسه فاکتور
جمع فاکتور
تاریخ و ساعت
وضعیت ارسال




id
amount
time

1234










   


Изображение
Я понятия не имею, как исправить этот
инструмент, который я использую
  • python -> 3.12
  • Django -> 5
  • html -> 5
    bootstrap -> 5


Подробнее здесь: https://stackoverflow.com/questions/789 ... tml-css-an
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»