Скроллбар
Надо сделать скроллбар в диве не справа а слева.
Как это сделать? Направьте пож. :) |
В IE и Opera можно выкрутиться вот так:
<html>
<head>
<style>
#some {
direction: rtl;
overflow-y: scroll;
height: 100px;
width: 500px;
}
#some .contents {
direction: ltr;
padding-left: 20px;
}
</style>
</head>
<body>
<div id="some">
<div class="contents">
Привет!<br />
Привет!<br />
Привет!<br />
Привет!<br />
Привет!<br />
Привет!<br />
Привет!<br />
Привет!<br />
Привет!<br />
Привет!<br />
</div>
</div>
</body>
</html>
Как сделать подобное для firefox и webkit я не знаю. |
Пользователи привыкли видеть скроллбар справа, и никакая дизайнеркая идея не оправдает его перемещение в левую часть, оставьте эту бесполезную затею...
|
Его можно сделать где угодно (хоть сверху, хоть слева), но это будет неправильно, как уже сказал Octane...
|
ZoNT,
А как, если не секрет? |
Да просто:
делаешь диву, в котором надо поставить скролл слева overflow=hidden, потом делаещь ещё один див ( :) ) высотой такой же, делаешь ему overflow=auto и помещаешь внутрь ещё див высотой равной контенту первого дива. В новом диве появляется нужнуй скролл. Позиционируем этот див слева от основного и прописываем ему на онскролл function(){oldDiv.scrollTop = this.scrollTop}. Всё. |
Да, полностью согласен скролбар слева - неоправданное извращение, такой уж дизайнер...
Андрей Параничев спасибо. ZoNT гениально! =) Спасибо всем. |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery прокрутка вверх </title>
<style>
#asd {
margin-top: 200px;
margin-left: 200px;
width: 200px;
height: 100px;
overflow: hidden;
border: 1px solid #ff0000;
}
#asd2 {
margin-top: 195px;
margin-left: 180px;
position: absolute;
height: 100px;
overflow:auto;
border: 1px solid #000;
}
#asd3 {
height: 300px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#asd2").scroll(function() {
$("#asd").scrollTop = this.scrollTop;
});
});
</script>
</head>
<body>
<div id="asd2"><div id="asd3"></div></div>
<div id="asd">
12312
12gff3<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
</div>
</body>
</html>
подскажите пожалуеста, как правильно прописать событие Jquery? |
я на столько что ли все не правильно написал, что никто не подкорректирует?
|
ап
|
gaserge,
по теме http://developing.name/pro.scroll/ http://jscrollpane.kelvinluck.com/scroll_on_left.html по скрипту $("#asd").scrollTop ( this.scrollTop);
|
Цитата:
Цитата:
|
Цитата:
Цитата:
http://studioad.ru/ - вот кстати пример скрола слева (раздел портфолио). отличная диз. мысль. |
Цитата:
по поводу http://studioad.ru/ . Может там и есть смысл: при появлении портфолио мышь автоматически оказывается над скроллбаром. А это уже похоже на аргумент, в отличие от "очень даже смотрится" |
Цитата:
я привел пример где скролл слева оправдан, после этого, по сути, вышеприведенная цитата уже теряет смысл... горизонтальный скрол не стандартен? как же *яблочные* слайдеры? нет, вы слишком критично относитесь к этой теме. Смысл не в том, чтобы пихать разношерстные скролы куда угодно, лишь бы было. А вот в некоторые элементы интерфейса очень даже полезно. (если оправдано конечно). вообщем спасибо за полезный скрипт! |
Цитата:
|
| Часовой пояс GMT +3, время: 02:51. |