Kaydırma çubukları, uygulama penceresinde, çoğunlukla belge sayfasında görüntülenen içeriğin konumunu değiştirmek için kullanılır. Varsayılan olarak, pencerenin genişliğinin veya yüksekliğinin tüm açık sayfayı görüntülemek için yeterli olmadığı durumlarda otomatik olarak görünürler. Bu nedenle yatay kaydırma çubuğundan kurtulmak için sayfanın veya açık olduğu uygulama penceresinin genişliğini değiştirmeniz gerekir.
Talimatlar
Aşama 1
Sayfayı uzaklaştır - bu, sayfayı görüntülerken yatay kaydırma çubuğunu kaldırmanın en kolay yoludur. Herhangi bir tarayıcıda bu, ctrl tuşunu basılı tutarken fare tekerleğini kendinize doğru çevirerek yapılabilir. Birçok metin düzenleyici (örneğin, Microsoft Word) de bu tür sayfa yakınlaştırma denetimini destekler. Tarayıcılarda fare yerine eksi tuşunu da kullanabilirsiniz. Tekerleğin bir durak her tıklanması veya dönüşü, yatay boyut sayfayı yatay kaydırma çubuğu olmadan görüntülemek için yeterince büyük olana kadar %10 uzaklaştırır.
Adım 2
Tarayıcının bir web sayfasının kaynak kodunu değiştirme ve içinde belirtilen görüntüleme stillerini pencerenin genişliğine uyacak şekilde değiştirme yeteneğini kullanın - bazı web tarayıcılarında bu seçenek bulunur. Örneğin, Opera tarayıcısında "Genişliğe Sığdır" simgesine tıklamanız yeterlidir; yatay kaydırma çubuğu kaybolacak ve görüntülenen sayfanın sütunları boyutlarını değiştirecektir. Oluşturan tarafından belirtilen sayfa düzenine geri dönmek gerekirse, bu simgeye tekrar tıklayın.
Aşama 3
Web sayfaları oluştururken, tüm sayfanın veya tek tek blok öğelerinin yatay kaydırmasını zorla devre dışı bırakmak için CSS overflow-x özelliğini kullanın. Bu özellik, 3.0 sürümünden beri CSS'de kullanıma sunulmuştur ve tüm modern tarayıcılar tarafından desteklenmektedir. Kendisine atanabilecek değerler otomatik, gizli, kaydırma, görünürdür. Bu özellik stil açıklamalarında belirtilmemişse, auto değerine sahip olduğu kabul edilir, yani içerik elemanın genişliğine uymadığında yatay kaydırma görünmelidir. Kesinlikle tüm durumlarda kaydırmayı devre dışı bırakmak için gizli değeri kullanın. Örneğin:
gövde {overflow-x: gizli;}