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

Question

lexstile @lexstile

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

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

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

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

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

roswell @roswell

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

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

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

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

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

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

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

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

Помогут разобраться в теме Все курсы

Яндекс Практикум

Фронтенд-разработчик

10 месяцев

Далее
Skillfactory

Профессия Веб-разработчик

12 месяцев

Далее
Нетология

Fullstack-разработчик на Python + нейросети

20 месяцев

Далее

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

Ответы на вопрос 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 подписчик
- 21 окт.
- 159 просмотров
2

ответа
CSS

Простой
Поему не срабатывает стиль шрифта?
- 1 подписчик
- 20 окт.
- 138 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Неправильно работает crypto.subtle.deriveKey в Firefox, баг или мой косяк?
- 2 подписчика
- 16 окт.
- 115 просмотров
0

ответов
JavaScript

Простой
Как подгружать xml с перерисовкой таблицы?
- 3 подписчика
- 14 окт.
- 175 просмотров
0

ответов
CSS

+1 ещё

Простой
Почему после изменений в css на сайте нет изменений?
- 1 подписчик
- 13 окт.
- 211 просмотров
3

ответа
CSS

Простой
Как выровнять в гриде по горизонтали?
- 1 подписчик
- 13 окт.
- 148 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как решить задачку из контеста?
- 1 подписчик
- 13 окт.
- 239 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Есть ли js-библиотека для офлайн-распознавания русской речи?
- 1 подписчик
- 12 окт.
- 167 просмотров
2

ответа
JavaScript

Простой
Почему не работает в консоли setTimeout?
- 1 подписчик
- 11 окт.
- 331 просмотр
1

ответ
CSS

+2 ещё

Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
- 2 подписчика
- 02 окт.
- 103 просмотра
1

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

Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская

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

от 130 000 до 150 000 ₽

Верстальщик / фронтендер для браузерного расширения

DevTeam.Space

от 1 000 до 2 000 $

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

ITK academy • Нижний Новгород

от 50 000 до 90 000 ₽

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

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

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

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

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

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

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