Jquery-vel div mozgatása
2021-06-25T18:22:01+02:00
2021-06-26T10:21:41+02:00
2022-08-12T03:25:30+02:00
*deleted_99318010
Sziasztok, 

Mobilra megcsináltam egy DIV-ben DIV-et. Tehát, ha a szöveg nem fér ki a div-be, akkor lehet huzogatni jobbról balra. Viszont PC-n nem tudom az egérrel huzogatni.

Köszönöm a választ.

*::-webkit-scrollbar { display: none; } * { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .theUploaderImgTitle { width: 80px; height: 16px; overflow:hidden; overflow-x: auto; -webkit-overflow-scrolling:touch; white-space:nowrap; position: relative; display: flex; justify-content: left; align-items: center; } .theUploaderImgTitleP { display:inline-block; position: absolute; white-space: nowrap; margin: 0; height: auto; width: auto; }
Mutasd a teljes hozzászólást!
A  .theUploaderImgTitle keret div-re kell menni. mousedown, mouseup, mouseleave és a mousemove

var getPointerEvent = function(e) { return (e.originalEvent.targetTouches ? e.originalEvent.targetTouches[0] : e)}; $(document).on('mousedown', ".theUploaderImgTitle", function(e){ isDown = true; var pointer = getPointerEvent(e); var moving_frame_currX = pointer.pageX; startX = (moving_frame_currX-$(this).offset().left); scrollLeft = $(this).scrollLeft(); }); $(document).on('mouseup', ".theUploaderImgTitle", function(e) { isDown = false; }); $(document).on('mouseleave', ".theUploaderImgTitle", function(e) { isDown = false; }); $(document).on('mousemove', ".theUploaderImgTitle", function(e) { if(!isDown) return; var pointer = getPointerEvent(e); var moving_frame_currX = pointer.pageX; const left = (moving_frame_currX-$(this).offset().left); const walk = (scrollLeft - (left - startX)); $(".theUploaderImgTitle").scrollLeft(walk); console.log(walk); });
Mutasd a teljes hozzászólást!

  • Hali!

    Hol a JS-kód, ha már a címben és kategóriának is azt adtad meg (és a leírás szerint is inkább ott kellene keresni a hiba okát)?

    Mutasd a teljes hozzászólást!
  • Nincs js. Ezt css-ben megcsináltam. Mobilon jó. Arra gondolok, hogy a DIV-ben lévő div-et jquery-vel lehet mozgatni. Vagy van olyan css megoldás, hogy egérrel tudom úgy huzogatni mint mobilon?

    Nem csináltam még ilyet.

    Olyat csináltam, hogy egy div-et huzogatok jobbra balra csak itt egy scrollbar-ról van szó.
    Mutasd a teljes hozzászólást!
  • A  .theUploaderImgTitle keret div-re kell menni. mousedown, mouseup, mouseleave és a mousemove

    var getPointerEvent = function(e) { return (e.originalEvent.targetTouches ? e.originalEvent.targetTouches[0] : e)}; $(document).on('mousedown', ".theUploaderImgTitle", function(e){ isDown = true; var pointer = getPointerEvent(e); var moving_frame_currX = pointer.pageX; startX = (moving_frame_currX-$(this).offset().left); scrollLeft = $(this).scrollLeft(); }); $(document).on('mouseup', ".theUploaderImgTitle", function(e) { isDown = false; }); $(document).on('mouseleave', ".theUploaderImgTitle", function(e) { isDown = false; }); $(document).on('mousemove', ".theUploaderImgTitle", function(e) { if(!isDown) return; var pointer = getPointerEvent(e); var moving_frame_currX = pointer.pageX; const left = (moving_frame_currX-$(this).offset().left); const walk = (scrollLeft - (left - startX)); $(".theUploaderImgTitle").scrollLeft(walk); console.log(walk); });
    Mutasd a teljes hozzászólást!
abcd