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

Question

lexstile @lexstile

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

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

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

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>

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

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

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

Войти через центр авторизации

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

JavaScript

Простой
Как правильнее организовать код калькулятора?
- 1 подписчик
- 5 часов назад
- 57 просмотров
1

ответ
CSS

Простой
Как сделать такую границу?
- 1 подписчик
- 5 часов назад
- 44 просмотра
0

ответов
JavaScript

+3 ещё

Средний
Как поменять тип проекции карты в Leaflet?
- 3 подписчика
- 11 часов назад
- 265 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Добавление определенного класса к header при прокрутке до определенного блока?
- 1 подписчик
- 14 часов назад
- 48 просмотров
0

ответов
JavaScript

Простой
Почему не срабатывает prototype reverse на строке?
- 1 подписчик
- вчера
- 51 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 2 подписчика
- вчера
- 139 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как сделать ajax фильтрацию по категориям в WP?
- 1 подписчик
- вчера
- 37 просмотров
0

ответов
JavaScript

Средний
Как сделать, чтобы встроенный обработчик события убрал сам себя?
- 3 подписчика
- вчера
- 677 просмотров
3

ответа
CSS

Простой
Как сделать плавную анимацию изображения при наведении/убирании курсора мыши?
- 1 подписчик
- вчера
- 103 просмотра
2

ответа
JavaScript

Простой
Как реализовать карирование так, чтобы оно не было замкнуто на одну переменную?
- 1 подписчик
- вчера
- 85 просмотров
0

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

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Решить контрольную по линейной алгебре 3 мая в 10:00

03 мая 2024, в 01:14

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

Установщик на INNO SETUP

03 мая 2024, в 00:45

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

Собрать демо iOS библиотеки

02 мая 2024, в 23:56

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

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

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

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

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

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

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

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