Sürüşmə çubuqları tətbiq pəncərəsində əksər sənədlər səhifəsində göstərilən məzmunun yerləşdirilməsini dəyişdirmək üçün istifadə olunur. Varsayılan olaraq, pəncərənin eni və ya hündürlüyü bütün açıq səhifəni göstərmək üçün kifayət etmədiyi hallarda avtomatik olaraq görünür. Buna görə üfüqi sürüşmə çubuğundan qurtulmaq üçün ya səhifənin, ya da açıq olduğu tətbiq pəncərəsinin genişliyini dəyişdirməlisiniz.
Təlimat
Addım 1
Səhifəni böyüdün - bu səhifəyə baxarkən üfüqi sürüşmə çubuğunu silmək üçün ən asan yoldur. Hər hansı bir brauzerdə, bu, ctrl düyməsini basılı tutarkən siçan çarxını özünüzə tərəf çevirərək edilə bilər. Bir çox mətn redaktoru (məsələn, Microsoft Word) belə səhifə böyüdülməsi nəzarətini dəstəkləyir. Brauzerlərdə siçan əvəzinə mənfi düyməsini də istifadə edə bilərsiniz. Təkərin hər vuruşu və ya dönməsi bir dayanma, üfüqi ölçüsü səhifəni üfüqi bir sürüşmə zolağı olmadan göstərmək üçün kifayət qədər böyük olana qədər 10% uzaqlaşdıracaqdır.
Addım 2
Brauzerin bir veb səhifənin mənbə kodunu pozmaq və onda göstərilən ekran üslublarını pəncərənin genişliyinə uyğunlaşdırmaq qabiliyyətindən istifadə edin - bəzi veb brauzerlərdə bu seçim var. Məsələn, Opera brauzerində yalnız "Genişliyə Uyğunlaşdır" simgesini vurmalısınız və üfüqi sürüşmə zolağı yox olacaq və baxılan səhifənin sütunları ölçülərini dəyişdirəcəkdir. Yaradan tərəfindən göstərilən səhifə düzülüşünə qayıtmaq lazım gəlsə, yenidən bu işarəni vurun.
Addım 3
Veb səhifələr yaratarkən, bütün səhifənin və ya ayrı-ayrı blok elementlərinin üfüqi sürüşməsini zorla söndürmək üçün CSS overflow-x xassəsini istifadə edin. Bu xüsusiyyət, 3.0 versiyasından bəri CSS-də təqdim edilmişdir və bütün müasir brauzerlər tərəfindən dəstəklənir. Ona təyin edilə bilən dəyərlər avtomatik, gizlidir, sürüşdür, görünür. Bu xüsusiyyət üslub təsvirlərində göstərilməyibsə, avtomatik dəyərinə sahib sayılır, yəni məzmun elementin eninə uyğun gəlmədikdə üfüqi sürüşmə görünməlidir. Tamamilə bütün hallar üçün sürüşməni söndürmək üçün gizli dəyəri istifadə edin. Misal üçün:
gövdə {overflow-x: hidden;}
