Çok sayıda JavaScript veya CSS dokunma kaydırma kaydırıcısı var ancak bunların hepsi yalnızca bir slaydın dikey veya yatay kaydırmasına izin veriyor gibi görünüyor. Bir slaytta her ikisine de izin veren bir şey var mı? Bu yüzden bir slaytta yatay ve dikey olarak kaydırılabilir miyim? Bu Aradığınız buysaYatay ve dikey iki yönlü dokunmaya duyarlı kaydırma kaydırıcısı
ben% 100 emin değilim, ama lanetlemek yakın görünüyor:
iDangero.us Swiper.
http://www.idangero.us/sliders/swiper/
başka bir yatay döner piramit/sürgü içinde dikey swping kutuları verir. Bir süredir aynı şeyi arıyordum ve aradığım şeyi bulduğum en yakın eklenti bu. Küçük bir korsanlık/manipülasyon muhtemelen sizin aradığınız şeyi yapabilir.
this demo page'da gösterildiği gibi, tarifleri tam olarak açıklandığı gibi fullPage.js kullanabilirsiniz.
FullPage.js ile ilgili tek sorun, 1: 1 dokunma hareketinin olmamasıdır. Parmağınız ekranda parmağınız olduğu sürece kontrol edilen kaydırma yerine, komut dosyasının ekran yüksekliğinin/genişliğinin yüzde X'inin eşik kaydırması sağlandığında, yapılandırılabilir bir değişkeni vardır. Bu çalışır, ancak 1: 1 dokunma hareketine sahip RoyalSlider gibi bir şey kadar güzel hissetmez; böylece aynı bölümde kaldığınız yolun sadece% 49'unu kaydırırsanız. Bu, fullPage.js'nin büyük desteği (IE8 +) olduğunu ve düzenli olarak güncellendiğini söyledi.
İdeal olarak fullPage.js'in have 1:1 touch movement olmasını isterim, yazar istekleri çekmeye açıktır ancak şimdilik javascript bilgim bunun gibi bir şeyi uygulamak için çok basittir.
Şu anda üzerinde durduğum bir seçenek, birbiriyle kombinasyon halinde iki sürgü kullanmaktır. Sol ve sağ swipelar için RoyalSlider'u kullanacağım (böylece güzel 1: 1 dokunuşa sahip olursunuz) ve dikey yukarı aşağı efekti için fullPage.js kullanacağım. Eğer benzeri
<script>
function MM_effectSlide1(targetElement, duration, to, from, slide, toggle)
{
Spry.Effect.DoSlide(targetElement, {duration: duration, to: to, from: from, horizontal: true, toggle: true});
}
function MM_effectSlide2(targetElement, duration, to, from, slide, toggle)
{
Spry.Effect.DoSlide(targetElement, {duration: duration, to: to, from: from, horizontal: false, toggle: true});
}
</script>
<body>
<div id="socialmedia" class="socialcontainer" onclick="MM_effectSlide1('socialmedia', 1000, '100%', '11%', true, true)"></div>
clreating bir Kolay Yolu olduğunu bu konuda güncellemeler Bu davranışla herhangi bir kaydırıcı buldunuz mu?
Herhangi Kodu'ndaki MM_effectSlide1, 2, 3, değiştirilmesi gerektiğini tek kod bakmak ve varsa İşte – briler
@briler Hemen [idangero.us swiper] 'ı düşündüm (http://www.idangero.us/sliders/swiper/), fakat bu bir cevapta daha önce belirtilmişti. İhtiyacın olan şeyi biraz daha ayrıntılı olarak tarif edebilir misiniz? Aradığınızı kavramlaştırmak mümkün değil. Teşekkürler. –