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

Question

lexstile @lexstile

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

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

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

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

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

roswell @roswell

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

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

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

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

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

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

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

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

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

Нетология

Веб-разработчик с нуля: профессия с выбором специализации

14 месяцев

Далее
Академия Эдюсон

Fullstack-разработчик на JavaScript

11 месяцев

Далее
Skillbox

JavaScript

3 месяца

Далее

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

Ответы на вопрос 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

+2 ещё

Простой
Как быть если ломается сайт, в зависимости от браузера?
- 1 подписчик
- 05 мар.
- 346 просмотров
1

ответ
JavaScript

Простой
Как оптимально реализовать вкладки?
- 2 подписчика
- 03 мар.
- 298 просмотров
5

ответов
HTML

+2 ещё

Средний
Почему не получается собрать сайт на Hugo?
- 1 подписчик
- 02 мар.
- 210 просмотров
1

ответ
HTML

+1 ещё

Средний
Как заставить элемент определять свою высоту по содержимому?
- 2 подписчика
- 26 февр.
- 335 просмотров
2

ответа
JavaScript

Простой
Слетает Glide.js какая причина?
- 1 подписчик
- 24 февр.
- 149 просмотров
0

ответов
JavaScript

Простой
Как понимать такой синтаксис?
- 3 подписчика
- 23 февр.
- 1415 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Как нарисовать нестандартную фигуру?
- 1 подписчик
- 13 февр.
- 329 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Как открыть ссылку из Webview в safari?
- 1 подписчик
- 12 февр.
- 115 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как правильно сделать запрос на страницу для получения данных не по апи?
- 1 подписчик
- 12 февр.
- 237 просмотров
2

ответа
JavaScript

Простой
Как добавить в массив объектов другой массив объектов?
- 1 подписчик
- 09 февр.
- 232 просмотра
2

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

JavaScript веб-разработчик (Backend/Frontend)

TurboProject

от 60 000 ₽

Frontend программист Svelte, SvelteKit, Lua.

Ростовский завод электроники

от 120 000 до 200 000 ₽

Frontend-разработчик (Vanilla JS / jQuery, high-load)

Karma8

от 200 000 ₽

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

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

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

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

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

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

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