2013-10-20 20 views
7

NEWERBootstrap Kenar Kaydırma, Ekler ve Scrollspy

Yani kaydırma şimdi çalışıyor ... Ama Sayfanın en üstüne onarıldı. Doğru konumda (içeriğin yanında) olmalı ve ardından içeriğiyle mevcut konumdayken kaymaya başlamalıyım. Burada bunun gibi kaydırmak için benim kenar çubuğu almaya çalışıyorum

->http://getbootstrap.com/2.3.2/components.html

web http://www.katyasarmiento.zzl.org olduğu (şimdilik ücretsiz barındırılan sitesi)


ESKİ

Bununla gerçekten çok uğraşıyorum. Yapabileceğim her şeyi araştırdım ve hala anlayamıyorum. Bulduğum bir eğitici ile bir süreliğine çalıştım ama ScrollSpy ile iyi çalışmadı. Öyleyse Bootstrap'in Affix'i kullanmaya çalışıyorum.

Javascript/jquery için yeni biriyim, bu yüzden herkes web siteme bakabilir ve ne yaptığımı görmek için kontrol edebilir.

ScrollSpy şu anda çalışıyor, bence sayfa ile birlikte ilerlemek için kenar çubuğunu alamıyorum.

cevap

16

ALRIGHT İşe koyuldum! Yaptıklarımı

<div class="bs-docs-sidebar span3"> 
    <ul class="nav nav-list bs-docs-sidenav affix" data-spy="affix" data-offset-top="255" data-offset-bottom="200"> 

Ben de "bs-docs- üzerinde ofset verileri-data-casus ve koyun

<div class="bs-docs-sidebar span3"> 
    <ul class="nav nav-list bs-docs-sidenav affix-top"> 

için ... ... Aşağıdaki değiştirmek oldu sidenav "class," bs-docs-sidebar "sınıfının yerine senaryona bu sınıfı da değiştirdi.

Sonra "ek-üst", "yapıştırmayın" ve "-yapıştırmayın alt" nin css düzenlenmiş ve çok iyi çalışıyor :)

Benim asıl sorun sidenav yerine kenar çubuğu sınıfına atıfta bulundu sınıf, çünkü bu benim CSS üzerinde çalıştığım şey.Bu madene benzer bir sorunu başlamıştı kimseyi :)

bana bu konuda yardımcı Ne olur

Umut thesetutorials idi.

+1

Güzel cevap ama bağlantı öldü. – Manwal

3

sayfanızda ul elemanı olarak size nav nav-list bs-docs-sidenav sınıfları kullandık

<ul class="nav nav-list bs-docs-sidenav"> 

tane daha sınıf affix-top eklemek written- var. Sonra öyle olacak -

<ul class="nav nav-list bs-docs-sidenav affix-top"> 

Ve gibi- bu satırı sizin ul elementi-

<div class="bs-docs-sidebar span3 affix-top" data-offset-top="50" data-spy="affix"> 

ana düğümdür bu hat, gelen sınıf affix-top kaldırmak Ve yazma

<div class="bs-docs-sidebar span3"> 
+0

Vay canına! Bu çok basit bir şeydi ... Ama şimdi izleyicilerin afişi geçtikten ve metnin bölümüne kaydırdıktan sonra yapıştırmaya başlamasını nasıl sağlayabilirim? Yeni belgeyi yükledim ne demek istediğimi görebilmeniz için http://www.katyasarmiento.zzl.org – Kitkatnik

+0

@Kitkatnik güncellenen cevabı kontrol edin .. – Ritesh

+0

Tamam, ben yaptım ve geri döndü ama kaydırma yok ' Çalış. Veri-ofset-üst ve veri casuslarını başka bir yere eklemem gerekir mi? Ve ek-üst veya ekinin css'sini düzenlemem gerekir mi? – Kitkatnik

İlgili konular