Kaydırma çubuğunu kaldırmak

[steve78]

Blogger üzerinden HTML 5 ile tasarladığım sitede, http://www.bing.com/'deki gibi sağ tarafta bulunan kaydırma çubuğunu kaldırmak istiyorum. Hiç bir yayın yapmasam ve sayfa boyutunu küçültsem bile kaybolmuyor. Yardım edebilirmisiniz?

 

[__kadıköyRAP__]

HTML 5 ile ilgisi var mı yok mu bilmiyorum da normalde CSS ile bu kodla oluyor. Ha dersen ki ben bunu zaten biliyorum HTML 5'de işe yaramıyor diye anlamam web tasarımından tüm bildiğim bu.

scrollbar {visibility:collapse; }

 

[steve78]

HTML 5 ile ilgisi var mı yok mu bilmiyorum da normalde CSS ile bu kodla oluyor. Ha dersen ki ben bunu zaten biliyorum HTML 5'de işe yaramıyor diye anlamam web tasarımından tüm bildiğim bu.

scrollbar {visibility:collapse; }

Göderdiğiniz CSS kodunu ]]></b:skin> kodunun hemen üzerine ekledim ama işe yaramadı.

 

[__kadıköyRAP__]

Göderdiğiniz CSS kodunu ]=]=></b:skin> kodunun hemen üzerine ekledim ama işe yaramadı.

Ben tarayıcımda tamamen kaldırmak için bu kodu kullanıyorum, Stylish eklentisi de CSS kodları ile çalışıyor ve bu kodu kullanıyorum, tüm bildiğim bu.

 

[erenberk]

Ben tarayıcımda tamamen kaldırmak için bu kodu kullanıyorum, Stylish eklentisi de CSS kodları ile çalışıyor ve bu kodu kullanıyorum, tüm bildiğim bu.

Kodun tüm sitelerde çalışmasını sağlayabiliyor muyuz?

 

[steve78]

Ben tarayıcımda tamamen kaldırmak için bu kodu kullanıyorum, Stylish eklentisi de CSS kodları ile çalışıyor ve bu kodu kullanıyorum, tüm bildiğim bu.

Yukarıya kodu yazdığınızda etkin hale gelmiş sanırım. Bu yüzden kod tam olarak görünmüyor olabilir. Kodun tam olduğundan emin misiniz. Rica etsem ilk karakterler arasında boşluk bırakarak kodu tekrar yazabilir misiniz?

 

[__kadıköyRAP__]

Kodun tüm sitelerde çalışmasını sağlayabiliyor muyuz?

Evet yeni bir stil oluştur ve sadece bu kodu yaz (tabi ben yanındaki !important ibaresini sildim onu eklersin) kaydet etkinleştir, firefoxda bu şekilde. Chromeda ise eklerken seçeneklerde oluyor sanırım tüm urller için diye bi seçenek.

[MENTION=276710]steve78[/MENTION] kod o kadar, [MENTION=25201]cgrszone[/MENTION]'a soralım o anlar.

 

[craftingMaterial]

Siteyi komple bir div elementi içine alın ve stil olarak da şunları verin.

position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;

ardından siteyi bu divin içerisinde istediğiniz gibi yerleştirin...

 

[erenberk]

Evet yeni bir stil oluştur ve sadece bu kodu yaz (tabi ben yanındaki !important ibaresini sildim onu eklersin) kaydet etkinleştir, firefoxda bu şekilde. Chromeda ise eklerken seçeneklerde oluyor sanırım tüm urller için diye bi seçenek.

Yapamadım

Sadece şunu ekliyorum:

scrollbar {visibility:collapse !important;}

Fakat olmuyor.

 

[craftingMaterial]

Yapamadım

Sadece şunu ekliyorum:

scrollbar {visibility:collapse !important;}

Fakat olmuyor.

Olmaması doğal çünkü kod scrollbar isminde bir element arıyor. Bazı browserlar bunu destekler bazıları desteklemez ki genellikle çoğunluk desteklemez...

 

[re13el]

Yapamadım

Sadece şunu ekliyorum:

scrollbar {visibility:collapse !important;}

Fakat olmuyor.

Firefox kullanıyorsan NewScrollbars eklentisini kur ve resimdeki gibi Scrollbars kısmında "None" seçeneğini seç.

 

[craftingMaterial]

Arkadaşlar olaya tek browser üzerinden yaklaşmak pek doğru bir bakış açısı olmaz. Cross-Platform bir kodlama yapmak gerekir. O yüzden yukarıda verdiklerimi uygulamak en doğru yöntem olacaktır...

 

[DumDumaq]

niye kaldırıyorsunuz anlamadım

 

[craftingMaterial]

niye kaldırıyorsunuz anlamadım

Tam ekran site tasarımlarında scrollbar'ı kaldırmak en iyi bir görünüm sunar

 

[__kadıköyRAP__]

Yapamadım

Sadece şunu ekliyorum:

scrollbar {visibility:collapse !important;}

Fakat olmuyor.

body{
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}

Bu kod firefoxta da chromeda da işe yarıyor.

Lakin böyle yapınca da hiçbir şekilde aşağı yukarı oynayamıyorsun.

Chrome için bunu kullan en iyisi.
https://chrome.google.com/webstore/detail/remove-scrollbars/lkfmjedfjkmfmckgcadelnfjebccjdcf/related

 

[craftingMaterial]

Bu arada body'e overflow: hidden; verinde de scrollbar'lar gidiyor...

 

[cngzkyz]

body { overflow:-moz-scrollbars-vertical; overflow-x:hidden; overflow:-moz-scrollbars-vertical; overflow-y:hidden;}

 

[steve78]

body { overflow:-moz-scrollbars-vertical; overflow-x:hidden; overflow:-moz-scrollbars-vertical; overflow-y:hidden;}

çok teşekkürler işime yaradı

 

[SDN Okuru]

Allah razı olsun kardeş

 

[Eren Onan]

body içine overflow:hidden; yaz

 

[fragger]

body içine overflow:hidden; yaz

Doğru bilgi fakat son mesaj 2015 yılında yazılmış, konuyu hortlatmayaydınız iyiydi