Autorius Tema: Mouse-scroll veiktų tik viename div'e  (Skaityta 155 kartus)

Neprisijungęs Tautvydas

  • Dalyvis
  • **
  • Įrašai: 427
  • Karma: +11/-0
    • Žiūrėti profilį
Mouse-scroll veiktų tik viename div'e
« Įrašytas: 2014-03-25 20:37:02 pm »
Sveiki,

noriu padaryti, kad tinklapis būtų viename .htmle ir naviguoti per jį galima būtų tik mygtuku paspaudimais ir visi DIV'ai nepajudinami, išskyrus vienas.

Tai kad neitų su pele scrollinti padariau su šia funkcija:

<script>
window.onmousewheel = document.onmousewheel = function(e) {
if($(e.srcElement).parents("#scrollas").size() == 0) {
e = e || window.event;
if (e.preventDefault)
e.preventDefault();
e.returnValue = false;
}
};

</script>

<div id='scrollas'> - šiame div'e leidžia scrollinti tol, kol pelė užvesta ant jo, tačiau taip scrollinant ir kito div'o dalį galima matyti.

Turit gal kas įdėjų, kaip pakeisti šį skriptą, kad jis  neleistų išvažiuoti toliau iš savo ribų? Nes vartotojas tai nesupras kodėl pelė vienoj vietoj užvesta leidžia važinėti, o žemiau jau nebeduoda.

Jei nesupratot klausimo, sakykit, bandysiu gyvą pavyzdį patalpinti kur nors kad matyti kame bėda.

Neprisijungęs Lukas Liesis

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7385
  • Karma: +226/-15
    • Žiūrėti profilį
    • mano CV
Ats: Mouse-scroll veiktų tik viename div'e
« Atsakymas #1 Įrašytas: 2014-03-26 14:02:57 pm »
tau patarimas: negriauk pamatiniu dalyku, kaip useriai naudojasi puslapiu, nes tada tikriausiai turesi bedu kokioj nors platformoj. turi tada isbandyt savo ta apps'a su IE8,9,10 Chrome, Firefox keliom versijom, Opera, Safari, tada Android default browseriu, Chrome for android, Safari mobile, chrome for ios opera mobile.... kitaip tariant jei jau nori keisti tokius dalykus, ka cia kalbi, tai turek tam labai labai rimta priezasti.


o tavo bedai, tai as siulau padaryt taip, kad scrolint gali kur tik nori, bet skrolintusi tik ta X vieta. arba tiesiog su css naudot fixed pozicija tiems, kas nesiskrolina.
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Manualai.lt Facebooke
serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Neprisijungęs Tautvydas

  • Dalyvis
  • **
  • Įrašai: 427
  • Karma: +11/-0
    • Žiūrėti profilį
Ats: Mouse-scroll veiktų tik viename div'e
« Atsakymas #2 Įrašytas: 2014-03-26 17:51:50 pm »
Atsisakiau šios įdėjos, kai daviau kambariokui pasinaudoti vienu ir antru variantu. IRgi sakė, kad paprastesnis labiau prie širdies.

 O idėja buvo kaip veiktų kaip šitas - http://onlinedepartment.nl/ , tik valdyti reiktų paspaudus mygtukus.

Dabar palikau paprastą su tais mygtukais

Neprisijungęs Lukas Liesis

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7385
  • Karma: +226/-15
    • Žiūrėti profilį
    • mano CV
Ats: Mouse-scroll veiktų tik viename div'e
« Atsakymas #3 Įrašytas: 2014-03-26 21:59:50 pm »
ten tikriausiai yra jquery pluginas, nepamenu pavadinimo, bet matytas man sitas navigation'as
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Manualai.lt Facebooke
serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Manualai.lt Forumas

Ats: Mouse-scroll veiktų tik viename div'e
« Atsakymas #3 Įrašytas: 2014-03-26 21:59:50 pm »

Neprisijungęs Tautvydas

  • Dalyvis
  • **
  • Įrašai: 427
  • Karma: +11/-0
    • Žiūrėti profilį
Ats: Mouse-scroll veiktų tik viename div'e
« Atsakymas #4 Įrašytas: 2014-03-26 22:41:50 pm »
Yra yra, full-screen scrolling website parašius išmeta.

Panašaus norėjau veikimo, bet kiek kitokio. Na neesmė.

Manualai.lt Forumas

Ats: Mouse-scroll veiktų tik viename div'e
« Atsakymas #4 Įrašytas: 2014-03-26 22:41:50 pm »