menüye tıklayınca sayfa aşağıya doğru kaydırma

13-03-2014, 10:18:22

çoğu sitede kullanılan sıkça karşılaştığımız, sayfanın aşağılarına indiğimizde sağda altta yukarı ok işareti çıkıyor. tıklayınca kayarak yukarı doğru sayfanın başına gidiliyor.

bunu nasıl yapabilirz? ben div katmanına gidiyorum fakat kayarak gitmiyor.

yardımcı olabilirmisiniz? tşkler.

13-03-2014, 10:19:57

#2

ibuluter

backtotop diye araştırın hocam ufak bir js dosyasıdır kendisi

13-03-2014, 11:31:40

#3

buddy

ibuluter adlı üyeden alıntı: mesajı görüntüle

backtotop diye araştırın hocam ufak bir js dosyasıdır kendisi

aslında benim yapmak istediğim tam tersi. yani şöyle aratışrdım ama back to top dan çok farklı. ve karışık geldi bana.

back to bottom jquery.

eğer hepsinde (html, body) diye geçiyor. fakat benim body id im sürekli sayfaya göre değişken.

yapamadım. bottom için mantığı yazarsan çok memnun olurum.

13-03-2014, 12:01:33

#4

ibuluter

Hocam div'in idsi ile animate kullanarak scrollu oraya gönderebilirsin istediğin hızda,

ornek kod; butona basıldığında o dive gider

<script type="text/javascript">
  $(document).ready(function(){
      $('#butonidsi').click(function()
{
      $("#divid").animate({ scrollTop: $("#divid").attr("scrollHeight") }, 1500);
    });
  });
</script>

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 12:01:33 -->-> Daha önceki mesaj 11:59:03 --

http://www.electrictoolbox.com/jquery-scroll-bottom/ bu linkteki örnekte tam olarak istediğin şey sanırım, example kısmında örneğin linki mevcut, html body kısmını div id'sine göre düzenleyebilirsin

13-03-2014, 12:07:15

#5

dark_way

İstediğiniz sayfanın en alt kısmına göndermekse aşağıdaki kodau deneyin hocam. Sayfanın istediğiniz bi yerine göndermek içinse "$('body').height()" yerine sayfanın ilgili konumunda olan bi html elemanının sayfanın sayfabaşına olan uzaklığını yazın.

<div id="deneme">Sayfa sonuna git</div>
<script>
$('#deneme').click(function(){
	$('body').animate({scrollTop: $('body').height() }, 500);
});
</script>

13-03-2014, 12:20:07

#6

buddy

ikinicini örnekleyebilrmisin rica etsem.

benim kod yapım şöyle.

<body class="html not-front not-logged-in second page-iletisim">

bu her sayfada degisken oluyor.

sonra tıklayınca buradan aşağıya yönlendireceğim menüm var.
<div id="ikincil-menu">

yukardaki menüden tıklayınca aşağıya kaydırmak istediğim div katmanım da

<div id="header-orta">

bu şekilde.

örnek olarak yazmanızı rica etsem çok olmaz umarım.

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 12:20:07 -->-> Daha önceki mesaj 12:18:13 --

dark_way adlı üyeden alıntı: mesajı görüntüle

İstediğiniz sayfanın en alt kısmına göndermekse aşağıdaki kodau deneyin hocam. Sayfanın istediğiniz bi yerine göndermek içinse "$('body').height()" yerine sayfanın ilgili konumunda olan bi html elemanının sayfanın sayfabaşına olan uzaklığını yazın.
<div id="deneme">Sayfa sonuna git</div> <script> $('#deneme').click(function(){ $('body').animate({scrollTop: $('body').height() }, 500); }); </script>

cevap

13-03-2014, 12:25:33

#7

dark_way

Doğru anladıysam aşağıdaki kod işinizi görecektir hocam. İyi çalışmalar.

$('#ikincil-menu').click(function(){
   $('body').animate({scrollTop: $('#header-orta').offset().top }, 500);
});

13-03-2014, 12:58:56

#8

buddy

oldu ancak, benim amacım klasik kullanım olan tek sayfa değil. farklı sayfalar için kullanıyorum. bu durumda üst menüden diğer sayfanın linkilne tıklayınca. önce içerik divine gidiyor ki bu süre uzun olursa yarıda kalıor ve diğer sayfa açılığında tekrar üste geliyor.

farklı sayfalar için buna çözüm bulabilrmiyiz?

dark_way adlı üyeden alıntı: mesajı görüntüle

Doğru anladıysam aşağıdaki kod işinizi görecektir hocam. İyi çalışmalar.
$('#ikincil-menu').click(function(){ $('body').animate({scrollTop: $('#header-orta').offset().top }, 500); });

13-03-2014, 22:04:13

#9

dark_way

Farklı sayfalardan kasıt nedir hocam, daha detaylı bilgi verirseniz yardımcı olmaya çalışırım.