<!DOCTYPE html>
    <html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
    <head>
<title>Cách chỉnh thanh cuộn trên Chrome</title>
<meta name="description" content="Cách chỉnh thanh cuộn trên Chrome - Savefile - Tin Tức - https&#x3A;&#x002F;&#x002F;www.nguoicodonvn2008.info&#x002F;vi&#x002F;news&#x002F;savefile&#x002F;kien-thuc-may-tinh&#x002F;cach-chinh-thanh-cuon-tren-chrome-510.html">
<meta name="author" content=".: Nguoicodonvn2008.info - Cõi lòng người cô đơn :.">
<meta name="copyright" content=".: Nguoicodonvn2008.info - Cõi lòng người cô đơn :. [admin@nguoicodonvn2008.info]">
<meta name="robots" content="index, archive, follow, noodp">
<meta name="googlebot" content="index,archive,follow,noodp">
<meta name="msnbot" content="all,index,follow">
<meta name="generator" content="NukeViet v4.5">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="Cách chỉnh thanh cuộn trên Chrome">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin Tức - https&#x3A;&#x002F;&#x002F;www.nguoicodonvn2008.info&#x002F;vi&#x002F;news&#x002F;savefile&#x002F;kien-thuc-may-tinh&#x002F;cach-chinh-thanh-cuon-tren-chrome-510.html">
<meta property="og:site_name" content=".&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.">
<meta property="og:url" content="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/cach-chinh-thanh-cuon-tren-chrome-510.html">
<link rel="shortcut icon" href="https://www.nguoicodonvn2008.info/favicon.ico">
<link rel="canonical" href="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/cach-chinh-thanh-cuon-tren-chrome-510.html">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/" title="Tin Tức" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/karaoke-dual/" title="Tin Tức - Karaoke Dual" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/nhac-tre/" title="Tin Tức - Nhạc trẻ" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tru-tinh/" title="Tin Tức - Trữ tình" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/nuoc-ngoai/" title="Tin Tức - Nước ngoài" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/remix/" title="Tin Tức - Remix" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tam-su-tinh-yeu/" title="Tin Tức - Tâm sự tình yêu" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tho-suu-tam/" title="Tin Tức - Thơ sưu tầm" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/cuoc-song/" title="Tin Tức - Cuộc sống" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/phan-mem/" title="Tin Tức - Phần mềm" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/kien-thuc-may-tinh/" title="Tin Tức - Kiến thức máy tính" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/hoc-tap/" title="Tin Tức - Học tập" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tai-lieu/" title="Tin Tức - Tài liệu" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/de-thi/" title="Tin Tức - Đề thi" type="application/rss+xml">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/assets/css/font-awesome.min.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/bootstrap.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/style.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/style.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/news.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/custom.css" type="text/css">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/jquery/jquery.min.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/language/vi.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/DOMPurify/purify3.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/global.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/site.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/news.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/main.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/custom.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/bootstrap.min.js" type="text/javascript">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/bootstrap.non-responsive.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/style.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/style.non-responsive.css">
<link rel="StyleSheet" href="https://www.nguoicodonvn2008.info/themes/default/css/news.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/custom.css">
<style type="text/css">
	body{background: #fff;}
</style>
    </head>
    <body>
<div id="print">
	<div id="hd_print">
		<h2 class="pull-left">.&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.</h2>
		<p class="pull-right"><a title=".&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;." href="https://www.nguoicodonvn2008.info/">https://www.nguoicodonvn2008.info</a></p>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="content">
		<h1>Cách chỉnh thanh cuộn trên Chrome</h1>
		<ul class="list-inline">
			<li>Thứ sáu - 19/07/2019 08:42</li>
			<li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="javascript:;" onclick="window.print()">In ra</a></li>
			<li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="javascript:;" onclick="window.close()">Đóng cửa sổ này</a></li>
		</ul>
		<div class="clear"></div>
		<div id="hometext">
		</div>
				<div class="imghome">
			<img alt="Cách chỉnh thanh cuộn trên Chrome" src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-1.jpg" width="460" class="img-thumbnail" />
		</div>
		<div class="clear"></div>
		<div id="bodytext" class="clearfix">
			<p style="text-align: justify;">Thanh cuộn nội dung đều được hiển thị mặc định dựa vào công cụ, phần mềm đang mở trên máy tính. Với trình duyệt Chrome cũng tương tự như vậy, thanh cuộn được thiết kế theo trình duyệt hoặc tùy vào từng website chỉnh sửa lại mã nguồn. Scrollbar Customizer là tiện ích thay đổi lại thanh cuộn trình duyệt Chrome khác đi so với mặc định.</p>

<p style="text-align: justify;">Người dùng có các tùy chọn thay đổi về kích thước, màu sắc, kiểu thanh cuộn trên mỗi trang web bất kỳ. Chúng ta có thể sử dụng những mẫu thay đổi có sẵn, hoặc tự nhập thủ công một số nội dung như chiều dài, chiều rộng, độ bo tròn, tùy thuộc vào nhu cầu sử dụng. Bài viết dưới đây sẽ hướng dẫn bạn đọc cách sử dụng tiện ích Scrollbar Customizer thay đổi thanh cuộn trình duyệt.</p>

<div style="text-align: justify;">&nbsp;</div>

<h2 style="text-align: justify;">Cách dùng Scrollbar Customizer đổi thanh cuộn Chrome</h2>

<p style="text-align: justify;"><strong>Bước 1:</strong></p>

<p style="text-align: justify;">Chúng ta cài đặt tiện ích Scrollbar Customizer cho trình duyệt Chrome theo link dưới đây.</p>

<ul>
	<li style="text-align: justify;">Tải tiện ích&nbsp;<a href="https://quantrimang.com/url?q=aHR0cHM6Ly9jaHJvbWUuZ29vZ2xlLmNvbS93ZWJzdG9yZS9kZXRhaWwvc2Nyb2xsYmFyLWN1c3RvbWl6ZXIvZmxmZmVramlqcGFiaGpncG9hcG9vZ2duY25tY2pvcGE%3D" rel="nofollow noopener" target="_blank" title="Scrollbar Customizer Chrome">Scrollbar Customizer Chrome</a></li>
</ul>

<p style="text-align: justify;"><img alt="Cài tiện ích" data-i="0" data-src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-1.jpg" data-was-processed="true" height="336" src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-1.jpg" width="599" /></p>

<p style="text-align: justify;"><strong>Bước 2:</strong></p>

<p style="text-align: justify;">Sau khi cài xong nhấn vào biểu tượng tiện ích ở cuối thanh truy cập địa chỉ trình duyệt. Hiển thị các&nbsp;<strong>mẫu thanh cuộn có sẵn tại Preset Scrollbars</strong>&nbsp;để chúng ta áp dụng thay đổi cho thanh cuộn trình duyệt.</p>

<p style="text-align: justify;"><img alt="Danh sách mẫu thanh cuộn " data-i="1" data-src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-2.jpg" data-was-processed="true" height="559" src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-2.jpg" width="443" /></p>

<p style="text-align: justify;">Khi chúng ta nhấn chọn vào 1 kiểu thanh cuộn thì phía trên sẽ hiển thị trước thanh cuộn được thay đổi ra sao trên trình duyệt Chrome. Nếu ưng ý thì bạn nhấn chọn&nbsp;<strong>nút Save</strong>&nbsp;để lưu lại.</p>

<p style="text-align: justify;"><img alt="Nhấn Save" data-i="2" data-src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-3.jpg" data-was-processed="true" height="468" src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-3.jpg" width="445" /></p>

<p style="text-align: justify;">Ngay lập tức khi bạn truy cập vào trang web bất kỳ thì thanh cuộn được thay đổi theo kiểu đã chọn.</p>

<p style="text-align: justify;"><img alt="Thanh cuộn thay đổi" data-i="3" data-src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-4.jpg" data-was-processed="true" height="443" src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-4.jpg" width="592" /></p>

<p style="text-align: justify;"><strong>Bước 3:</strong></p>

<p style="text-align: justify;">Nếu muốn&nbsp;<strong>tự điều chỉnh thanh cuộn</strong>&nbsp;theo ý mình, bạn nhấn lại vào biểu tượng tiện ích rồi&nbsp;<strong>chọn Customize</strong>.</p>

<p style="text-align: justify;"><img alt="Tự điều chỉnh thanh cuộn" data-i="4" data-src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-5.jpg" data-was-processed="true" height="455" src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-5.jpg" width="439" /></p>

<p style="text-align: justify;">Hiển thị giao diện để người dùng thay đổi các phần cho thanh cuộn. Khi chọn màu chúng ta chọn kiểu màu muốn rồi&nbsp;<strong>nhấn choose để chọn màu mới</strong>. Khi thay đổi xong cũng nhấn<strong>&nbsp;nút Save</strong>&nbsp;để lưu lại.</p>

<p style="text-align: justify;"><img alt="Thay đổi thanh cuộn" data-i="5" data-src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-6.jpg" data-was-processed="true" height="614" src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-6.jpg" width="426" /></p>

<p style="text-align: justify;"><strong>Bước 4:</strong></p>

<p style="text-align: justify;">Nếu muốn quay về kiểu thanh cuộn mặc định của Chrome, chúng ta nhấn vào&nbsp;<strong>Google Chrome Default</strong>&nbsp;trong danh sách thiết lập của tiện ích.</p>

<p style="text-align: justify;"><img alt="Về thanh cuộn mặc định" data-i="6" data-src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-7.jpg" data-was-processed="true" height="614" src="https://st.quantrimang.com/photos/image/2019/07/17/Chrome-doi-thanh-cuon-7.jpg" width="426" /></p>

<p style="text-align: justify;">Tiện ích Scrollbar Customizer mang tới thay đổi mới lạ cho giao diện trên Chrome, thông qua việc tùy chỉnh lại thanh cuộn. Các nội dung để người dùng tự thay đổi thanh cuộn theo ý mình rất phong phú, và đều có giao diện xem trước để bạn biết rõ thanh cuộn mới hiển thị như thế nào.</p>

<p style="text-align: justify;">Chúc các bạn thực hiện thành công!</p>
		</div>
				<div id="author">
						<p>
				<strong>Nguồn tin:</strong>
				Quantrimang.com
			</p>
		</div>
	</div>
	<div id="footer" class="clearfix">
		<div id="url">
			<strong>URL của bản tin này: </strong><a href="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/cach-chinh-thanh-cuon-tren-chrome-510.html" title="Cách chỉnh thanh cuộn trên Chrome">https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/cach-chinh-thanh-cuon-tren-chrome-510.html</a>

		</div>
		<div class="clear"></div>
		<div class="copyright">
			&copy; .&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.
		</div>
		<div id="contact">
			<a href="mailto:admin@nguoicodonvn2008.info">admin@nguoicodonvn2008.info</a>
		</div>
	</div>
</div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a onclick="timeoutsesscancel();" href="https://www.nguoicodonvn2008.info/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
		</script>
		<div class="car-top">
  <span><img src="https://www.nguoicodonvn2008.info/themes/default/images/car.png" alt=""></span>
</div>
<div id="run_cronjobs" style="visibility:hidden;display:none;"><img alt="cron" src="/index.php?second=cronjobs&amp;p=x533ra0C" width="1" height="1" /></div>
<script src="https://www.nguoicodonvn2008.info/assets/js/jquery/jquery.min.js"></script>
<script>var nv_base_siteurl="/",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="news",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=-4,nv_my_abbr="EDT",nv_cookie_prefix="nv4c_e856T",nv_check_pass_mstime=1738000,nv_area_admin=0,nv_safemode=0,theme_responsive=0,nv_recaptcha_ver=2,nv_recaptcha_sitekey="",nv_recaptcha_type="image",XSSsanitize=1;</script>
<script src="https://www.nguoicodonvn2008.info/assets/js/language/vi.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/DOMPurify/purify3.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/global.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/site.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/news.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/main.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/custom.js"></script>
<script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "url": "https://www.nguoicodonvn2008.info",
            "logo": "https://www.nguoicodonvn2008.info/uploads/angel.gif"
        }
        </script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/bootstrap.min.js"></script>
<script type="text/javascript">
var $scrolltop = $('.car-top');
$scrolltop.on('click', function () {
    $('html,body').animate({
        scrollTop: 0
    }, 800);
    $(this).addClass("car-run");
    setTimeout(function(){ $scrolltop.removeClass('car-run');}, 1000);
    return false;
});
$(window).on('scroll', function ()
{ 
    if($(window).scrollTop() >= 200)
    {
        $scrolltop.addClass("show");
        $scrolltop.addClass("car-down");
    }
    else
    {
       $scrolltop.removeClass("show");
       setTimeout(function(){ $scrolltop.removeClass('car-down');}, 300);
    }
});
</script>
</body>
</html>