Как прикрутить свой scrollbar к textarea?

Question

lexstile @lexstile

Как прикрутить свой scrollbar к textarea?

Выбор остановил на Rail.
Ставлю стили, js.
Не работает.

Вопрос задан более трёх лет назад
1637 просмотров

4 комментария

Подписаться 1 Простой 4 комментария

roswell @roswell

Телепаты в ночь на субботу в отпуске. Код в студию. ЗЫ перед тем как, не помешает открыть консоль разработчика и провериться на предмет Errors или Warnings.

Написано более трёх лет назад
lexstile @lexstile Автор вопроса

roswell, ошибок нет в консоли, беру textarea без стилей абсолютно.

Написано более трёх лет назад
lexstile @lexstile Автор вопроса

Константин, не будет работать в firefox

Написано более трёх лет назад
lexstile @lexstile Автор вопроса

Константин, скорей всего, но я думаю, что процент использования firefox и IE в корне разный

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

5 комментариев

lexstile @lexstile Автор вопроса

В моем случае блоком выступает textarea, попробую - спасибо :)

Написано более трёх лет назад
Максим @LenovoId

lexstile, я сегодня это делал , там вариантов 30 штук .. любой подойдёт

Написано более трёх лет назад
lexstile @lexstile Автор вопроса

Максим Ленский, тогда это то, что нужно - попробую

Написано более трёх лет назад
lexstile @lexstile Автор вопроса
Максим Ленский, не совсем догнал, как инициализировать... Не подскажешь?
Получается у меня:
<textarea id="target" class="mCustomScrollbar"></textarea>

$("#target").mCustomScrollbar({ theme:"dark" });
Написано более трёх лет назад

Максим @LenovoId

lexstile,

<!DOCTYPE html>
<!--[if IE 8 ]><html lang="en" class="ie8"><![endif]-->
<!--[if IE 9 ]><html lang="en" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>jQuery custom scrollbar demo</title>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<!-- stylesheet for demo and examples -->
	<link rel="stylesheet" href="style.css">
	<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
	<![endif]-->
	
	<!-- custom scrollbar stylesheet -->
	<link rel="stylesheet" href="../jquery.mCustomScrollbar.css">
	
	<!-- demo CSS -->
	<style>
		html, body{ height: 100%; }
	</style>
	
</head>

<body class="full-page">

	
	<div id="demo">
		<section id="examples">
			здесь контент 
		</section>
	</div>
	
	
	<!-- Google CDN jQuery with fallback to local -->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script>window.jQuery || document.write('<script src="../js/minified/jquery-1.11.0.min.js"><\/script>')</script>
	
	<!-- custom scrollbar plugin -->
	<script src="../jquery.mCustomScrollbar.concat.min.js"></script>
	
	<script>
		(function($){
			$(window).on("load",function(){
				
				$("body").mCustomScrollbar({
					theme:"dark"
				});
				
			});
		})(jQuery);
	</script>
</body>
</html>

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

CSS

Простой
Как добраться до placeholder и выровнять по вертикали при наличии #shadow-root (user-agent)?
- 1 подписчик
- 14 часов назад
- 42 просмотра
0

ответов
HTML

+2 ещё

Простой
Какие познания в HTML нужны копирайтеру? Нужно ли В ДОБАВОК знать CSS?
- 1 подписчик
- вчера
- 116 просмотров
2

ответа
HTML

+1 ещё

Простой
Как в HTML задать расположение строке и изображению?
- 1 подписчик
- вчера
- 65 просмотров
0

ответов
HTML

+2 ещё

Простой
Captive Portal | Html+CSS+bash | OpenWrt?
- 3 подписчика
- 03 янв.
- 537 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему onClick срабатывает два раза?
- 1 подписчик
- 01 янв.
- 257 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как запустить языковую модель на JavaScript?
- 2 подписчика
- 01 янв.
- 2372 просмотра
1

ответ
JavaScript

Средний
Как проверить наличие объекта на сайте js TamperMonkey?
- 1 подписчик
- 30 дек. 2024
- 94 просмотра
2

ответа
JavaScript

+1 ещё

Простой
Как сделать чтоб класс менялся только у одного элемента?
- 1 подписчик
- 29 дек. 2024
- 164 просмотра
0

ответов
JavaScript

Средний
Как приостановить setInterval на время и снова продолжить tampermonkey?
- 1 подписчик
- 29 дек. 2024
- 77 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как исключить дергания блока с меню при раскрытии подменю?
- 1 подписчик
- 29 дек. 2024
- 88 просмотров
0

ответов
Показать ещё Загружается…

Бэкэнд-разработчик JavaScript

Wanted. • Москва

от 250 000 до 400 000 ₽

JavaScript Fullstack

OnClass

от 2 000 до 7 000 $

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Разработка приложения на Flutter (iOS, Android)

05 янв. 2025, в 17:44

100000 руб./за проект

Exim4 (Hestia) настрока порта для gmail.com mail.ru

05 янв. 2025, в 17:00

1000 руб./за проект

Разработать API на Golang

05 янв. 2025, в 16:48

2000 руб./в час

Телепаты в ночь на субботу в отпуске. Код в студию. ЗЫ перед тем как, не помешает открыть консоль разработчика и провериться на предмет Errors или Warnings.
roswell, ошибок нет в консоли, беру textarea без стилей абсолютно.
Константин, не будет работать в firefox
Константин, скорей всего, но я думаю, что процент использования firefox и IE в корне разный

Answer 1 · 2017-10-14 05:16:27

я много раз этим пользовался , настраивается очень легко ,scroll можно как для всего документа сделать так и для отдельного блока ... а по ЭТОЙ ссылке его можно скачать и начать пользоваться

Как прикрутить свой scrollbar к textarea?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт