Ngx-drag-scroll: metode moveRight tidak berfungsi Atau masalah dukungan RTL

Dibuat pada 19 Jun 2018  ·  11Komentar  ·  Sumber: bfwg/ngx-drag-scroll

  • saya sedang mengajukan...

    • [x] laporan bug

  • Apa perilaku saat ini?
    Saya mendapat satu laporan masalah dan satu pertanyaan untuk diajukan.
    1- Saya pikir currIndex telah diset keluar dari batas array karena kesalahan Dalam fungsi CurrentChildWith (baris 274) dan itu harus disetel ke length - 1 - seperti kondisi pernyataan if -. ini berhenti bergerak ke kanan
    2- Saya pikir ada banyak masalah dengan dukungan RTL karena reachesRightBound memancarkan false di awal dan moveLeft berfungsi bahkan setelah mencapai batas kiri tetapi tidak sama pada terikat kanan.

Semua 11 komentar

Hai @MortezaT , maaf atas keterlambatan responsnya. Bisakah Anda memberi saya beberapa langkah reproduksi dan kasus penggunaan sehingga saya dapat melihat lebih dekat? Terima kasih!

Hai @bfwg , Terima kasih atas tanggapannya.
Saat ini saya cukup sibuk dengan beberapa hal lain, tetapi saya akan melakukannya secepatnya.

Tidak masalah, luangkan waktu Anda.

di sini Anda dapat melihat implementasi saya. Saya harap ini membantu dengan masalah ini.

Hai @MortezaT , 2.0.0-beta.2 sudah keluar, beri tahu saya itu membuat masalah implementasi Anda menjadi lebih buruk atau lebih baik. Terima kasih!

Baik beta.2 maupun beta.3 tidak berfungsi sama sekali.
mereka berdua muncul dengan kesalahan yang menunjukkan bahwa itu belum dikenali oleh sudut. Inilah kesalahannya:

 Can't bind to 'scrollbar-hidden' since it isn't a known property of 'div'.

Apakah saya melewatkan sesuatu?

Hai @MortezaT , 2.0.0 menggunakan drag-scroll sebagai elemen host carousel alih-alih div. Juga, untuk menandai elemen anak, kita perlu menggunakan direktif drag-scroll-item .

  <drag-scroll>
    <img drag-scroll-item src="some-url" />
    <img drag-scroll-item src="some-url" />
    <img drag-scroll-item src="some-url" />
  </drag-scroll>

Informasi lebih lanjut dapat ditemukan di README.md.

Bersulang.

Hai @bfwg Terima kasih.
Apakah ada dokumentasi untuk versi baru, karena sepertinya terlalu berbeda.
Saya tidak mengerti mengapa ada tambahan 20px pada lebar dan tinggi .drag-scroll-content .

Untuk menyembunyikan bilah gulir, kita perlu membuat div pembungkus baru dan menyisipkan div antara div induk dan div korsel (.drag-scroll-content).

Sebagai contoh:
Ini adalah korsel biasa
image

Saat kami mencoba menyembunyikan bilah gulir, tidak ada keajaiban! Kami cukup membuat div pembungkus, dan mengatur ukuran div pembungkus itu sama dengan div wadah tetapi dikurangi lebar/tinggi bilah gulirnya. 20px adalah tinggi/berat scrollbar di browser saat ini.

image

Akhirnya, kami melepaskan div wadah, pasang div pembungkus ke div induk dan masukkan div wadah kembali ke div pembungkus.

image

Karena atribut luapan pembungkus telah disetel ke 'tersembunyi', bilah gulir tidak lagi ditampilkan.
Saya harap keterampilan menggambar saya masih sesuai dengan permainan

Beri tahu saya jika Anda memiliki pertanyaan lebih lanjut, atau jika versi baru menyebabkan masalah bagi Anda.

Terima kasih!

@bfwg
Terima kasih. Sekarang dengan penjelasan visual ini semuanya menjadi jelas bagi saya dan saya akui ini adalah ide yang cerdas.
Semuanya terlihat baik-baik saja kecuali navigasi pertama kali. Saya harus menyeret sedikit sebelumnya (hanya sedikit bukan foto yang lengkap) agar navs berfungsi.
Sementara metode moveRight bekerja saat ini dan bergerak gulir ke kiri (akhir)

Saya akan menutup masalah ini. Tolong beri tahu saya jika saya perlu membuka kembali ini. Terima kasih!

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

leogilardi6 picture leogilardi6  ·  8Komentar

Andi1990 picture Andi1990  ·  7Komentar

suresh2018 picture suresh2018  ·  22Komentar

bfwg picture bfwg  ·  8Komentar

MortezaT picture MortezaT  ·  5Komentar