web-gelistirme-sc.com

İçerik + kenar çubuğu için bir veya iki kaydırma çubuğu?

Bir web sitesi tasarımı üzerinde çalışıyorum ve kenar çubuğunun sayfa içeriğinden bağımsız olarak kaydırılıp kaydırılmayacağına veya yalnızca bir kaydırma çubuğunun her iki div'i kontrol edip etmemeye karar vermeye çalışıyorum. Karara rehberlik etmek için hangi ilkeyi kullanmalıyım? Hangi durumlarda, kullanıcı ana içerikte gezinirken kenar çubuğu içeriğinin sabit kalmasını istersiniz?

Bir Kaydırma Çubuğu

  • Kullanıcı sayfada nerede olduklarını bilir
  • kenar çubuğundaki içerik diğer içeriğe göre aynı konumda kalır
  • Fareyi sayfanın herhangi bir yerinde tutmak çubuğu kaydırır
  • Web sitelerinin büyük çoğunluğu yalnızca bir kaydırma çubuğu kullanır - kullanıcı beklentilerine uyar
  • sayfanın ortasında çirkin kaydırma çubuğu olmayan sabit genişlikli sitelere sahip olabilir

İki Kaydırma Çubuğu

  • Ana içeriğe göz atarken kenar çubuğundaki bilgileri görüntüleyebilir; bu, ana içerik> 4000 piksel uzunluğunda olduğunda güzeldir veya kaydırma çubuğunda ve ana içerik çubuğunda aynı anda bilgiye ihtiyacınız varsa
  • Kenar çubuğu, sayfanın sol tarafının tamamını veya ana içeriğin önemini, hem kenar çubuğunun dikey yüksekliğini hem de ana içeriğin azalmasını sağlayan sabit bir başlık gerektirir
  • İçeriğini kaydırmak için kenar çubuğunun içine fare yerleşimi gerektirir
  • Burada aynı şirketten gelen farklı kararlara iki örnek, sabit genişlikli bir Google Code ve iki kaydırma çubuğuna sahip Google Reader'dır. Google Reader ile içerik dinamik olarak oluşturulduğundan kaydırma çubuğuna ihtiyaçları olduğunu düşünüyorum.

Bununla ilgili yardımınız için teşekkür ederim - özellikle de beni her iki şekilde eğik veriye yönlendirebilirseniz.

11
Kevin Burke

Sorunuzda numaralandırmadığınız seçeneğin, kayan bir kenar çubuğuyla (konumu her zaman içerik kenarlarından değil, pencere kenarlarından sabit bir uzaklık olan) kaydırma içeriğidir.

Her iki sütunun da kaydırılması gerekip gerekmediğini dikkatlice düşünürdüm. Vurguladığınız durumlarda, ana içerik ile kenar çubuğu arasındaki kullanıcı değiştirme bağlamının sayfadaki konumunu kaybetmesi gerekir (ana içeriğin altına kaydırıldıysa ve kenar çubuğunun üst kısmına yakın bir şeye erişmeleri gerekiyorsa) veya kareleri bağımsız olarak kaydırmayı bulmak zorunda kalacak ve hangi sütunun kaydırma eylemlerini alacağını seçmek için daha fazla fare hareketi gerektiriyor.

Geliştirdiğiniz uygulamanın kapsamını bilmeden, ilk önerim kenar çubuğu içeriğini pencerenin yüksekliğinden daha azıyla sınırlamak olacaktır. Daha fazla alana ihtiyacınız varsa, kenar çubuğunda sekmeler kullanabilir veya kenar çubuğunda yatay olarak sayfalandırılmış bölümlere sahip olabilirsiniz.

3
Brendan Berg

Kaydırmayı önlemek ve kenar çubuğunda farklı bir şekilde gezinmeyi çözmek isterim. Örneğin sayfalama ve kenar çubuğunun ajax benzeri bir değişikliği ile.

alt text

1
Lode

Her türün artılarını ve eksilerini zaten biliyorsunuz, bu yüzden çok fazla ekleme yok. Söylediğiniz gibi, bazı siteler 2 kaydırma çubuğuna ihtiyaç duyarken, çoğu site bir çubuğa ihtiyaç duyar.

Bahsettiğiniz 2 arasında bir çarpı olan başka bir fikir eklerim. Statik olarak konumlandırılmış bir kenar çubuğu (css, position: fixed) yapabilir ve kenar çubuğunun yerinde kalmasını ancak yalnızca bir kaydırma çubuğunu kullanabilirsiniz. Bu, kullanıcılar için biraz daha az kafa karıştırıcı olacaktır ve kenar çubuğu içeriği sayfadan daha kısa olduğu sürece iyidir.

0
Sruly