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

Question

lexstile @lexstile

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

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

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

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 ещё

Простой
Как с помощью js создать прямоугольное соединение двух и более элементов в SVG?
- 1 подписчик
- 4 часа назад
- 52 просмотра
0

ответов
JavaScript

Простой
Как можно соединить 2 массива в 1 без 2 forEach?
- 1 подписчик
- 10 часов назад
- 80 просмотров
1

ответ
JavaScript

Простой
Как фильтровать массив в массиве методом filter?
- 1 подписчик
- 15 часов назад
- 74 просмотра
3

ответа
HTML

+3 ещё

Простой
Почему появляется горизонтальная прокрутка на мобильном (overflow включен)?
- 1 подписчик
- 23 часа назад
- 65 просмотров
1

ответ
JavaScript

Простой
Как посчитать количество пересечений с помощью метода filter?
- 1 подписчик
- вчера
- 156 просмотров
3

ответа
JavaScript

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

ответов
JavaScript

+2 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- 24 нояб.
- 148 просмотров
1

ответ
JavaScript

+1 ещё

Сложный
Fastify долгая загрузка что можно сделать как найти причину?
- 1 подписчик
- 24 нояб.
- 57 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- 24 нояб.
- 217 просмотров
2

ответа
JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- 23 нояб.
- 117 просмотров
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

Консультация по созданию математических графиков в Cinema 4D

27 нояб. 2024, в 01:38

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

Дизайн трекера для учета задач и времени

27 нояб. 2024, в 01:05

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

Исправление в битрикс подключенной библиотеки и обновление метода

27 нояб. 2024, в 00:22

1500 руб./в час

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

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

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

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

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

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

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