Куча говна / Говнокод #7424 Ссылка на оригинал

0

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
<div id="scroller">
  <a href="javascript:scroll(0,0)">Наверх</a>
</div>

<style type="text/css">
#scroller {
position:fixed;
left:0px;
top:100%;}

#scroller a {
position:relative;
top:-47px;
padding:5000px 10px 30px 10px;}

#scroller a:hover {background:#d8e3f0;}
</style>

Скролл страницы наверх, прикреплённый к левой границе экрана. Надпись "Наверх" -- внизу экрана. Опускаю блок под экран -- "top:100%", а потом поднимаю ссылочку наверх -- "top:-47px".

Запостил: opex_jr opex_jr, (Updated )

Комментарии (18) RSS

  • ava opex_jr # Ссылка на оригинал 0

    Верный стиль:

    #scroller {
    position:fixed;
    left:0px;
    bottom:27px;}

    #scroller a {
    padding:5000px 10px 30px 10px;}

    #scroller a:hover {background:#d8e3f0;}
    Ответить

  • ava Lure Of Chaos # Ссылка на оригинал 0

    > top:-47px;
    > padding:5000px
    рядом смотрится офигитительно - да и просто последнее число = )
    Ответить

    • ava opex_jr # Ссылка на оригинал 0 ⇈

      Так а это ваще хак) Так и надо. Это и есть прикрепление к левой стороне экрана. Ну можно и поменьше конечно число поставить)
      Ответить

      • ava Lure Of Chaos # Ссылка на оригинал 0 ⇈

        а float и clear на кой?
        да и первое число - верхнее поле, при чем тут оно?
        Ответить

        • ava opex_jr # Ссылка на оригинал 0 ⇈

          Ну сам блок слева внизу в углу. А так до самого верха экрана становится. Так а, кстати, как высоту задать блоку на весь экран? height:100% же не катит.
          Ответить

              • ava Lure Of Chaos # Ссылка на оригинал 0 ⇈

                понял
                ну во-первых, лучше bottom не в пикселах, а в более шрифто-дружелюбных (ex, em...)
                во-вторых, можно попробовать min-height:100%;
                Ответить

                • ava opex_jr # Ссылка на оригинал 0 ⇈

                  Круто, блоку помог min-height:100%, но ссылка не поддаётся. Без пэддингов, кажется, не обойтись. Ведь нужно, чтобы переход по ссылке срабатывал, даже когда мышь нажимает не на сам текст, а, получается, на пэддинг. Т. е. функциональность нужна <a><div></div><a> такая. Но W3 консорциум запретил так делать) И display:block на ссылке тоже не помогает.
                  Ответить

                    • ava opex_jr # Ссылка на оригинал 0 ⇈

                      Не понял, а зачем так?
                      Получилось сейчас
                      #scroller {
                      position:fixed;
                      left:0px;
                      bottom:0px;
                      height:100%;}

                      #scroller a {
                      padding:10px 10px 10px 10px;
                      height:100%;
                      display:block;}

                      Работает так же, только надпись теперь вверху) И что ни мути с top/bottom не получается её к низу прикрепить. Вверху пробел появляется.
                      Ответить

  • ava Yurik # Ссылка на оригинал 0 

    <html>
	<head>
		<style type="text/css" media="all">
			body, p {
				margin: 0;
			}
			
			#scroller {
				position: fixed;
				float: left;
				height: 100%;
				width: 100px;
				background: grey;
			}

			#scroller a {
				height: 100%;
				display: block;
			}
			
			#scroller p {
				padding: 10px;
				position: absolute;
				bottom: 0px;
			}
		</style>
	</head>
	
	<div id="scroller">
	  <a href="#top"><p>Наверх</p></a>
	</div>
</html>

    Рекомендую задавать такие вопросы на StackOverflow.
    Саундтрек: youtu.be/LEp8HWKeQ_8
    Ответить

    • ava Yurik # Ссылка на оригинал 0 ⇈

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

  • ava none1 # Ссылка на оригинал 0

    Вот Маринку, или других баб, постоянно надо было просить да упрашивать, да корректировать и учить. А тут пацан (!) выполнял такое, о чём я и сам не знал, что так можно. И первый раз видел, чтобы сосали с таким энтузиазмом, стараясь и смотря мне прямо в глаза... Это что-то нереальное, да у него на лице написано крупными буквами: "Мне! Это! Самому! Нравится!"
    Ответить

Добавить комментарий

Я, guest, находясь в здравом уме и твердой памяти, торжественно заявляю:

    А не использовать ли нам bbcode?

    ↑
    8
    ↓