No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. usher
    • Profile
    • Following 0
    • Followers 0
    • Topics 3
    • Posts 6
    • Best 1
    • Groups 0

    usher

    @usher

    1
    Reputation
    104
    Profile views
    6
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    usher Follow

    Best posts made by usher

    • RE: Observe the target by ID in Intersection

      And thanks to @PDan help in Discord I could handle it by saving the position of list item and scroll to the desired position like this:

      updated () {
        this.$nextTick(() => {
          if (this.productInfo.detail) {
            let y = this.productInfo.y
            window.scrollTo({
              top: y,
              behavior: 'smooth'
            })
          }
        })
      }
      

      Thank you

      posted in Framework
      usher
      usher

    Latest posts made by usher

    • RE: Observe the target by ID in Intersection

      And thanks to @PDan help in Discord I could handle it by saving the position of list item and scroll to the desired position like this:

      updated () {
        this.$nextTick(() => {
          if (this.productInfo.detail) {
            let y = this.productInfo.y
            window.scrollTo({
              top: y,
              behavior: 'smooth'
            })
          }
        })
      }
      

      Thank you

      posted in Framework
      usher
      usher
    • RE: Observe the target by ID in Intersection

      And maybe some code can tell what i mean:

      updated () {
      setTimeout(() => {
        if (this.productInfo.detail) {
          let observer = new MutationObserver(function (mutations) {
          })
          let target = document.querySelector('#prod' + this.productInfo.detail.id)
          observer.observe(target, { attributes: true })
        }
      }, 600)
      

      }

      By scroll in to view method it can be like this:

          document.getElementById('prod' + this.productInfo.detail.id).scrollIntoView({
            behavior: 'smooth'
          })
      

      But element is not visible in “intersection” till user scroll to get in to the element position to be observed and the above codes does not work.
      Any Idea to handle this?

      posted in Framework
      usher
      usher
    • Observe the target by ID in Intersection

      Hi,
      I am using intersection to show list of products.
      On return to the products list from single product page I want it scroll to the product I had viewed, to prevent user from scrolling all the way to see further products.
      I just read about mutationObserver.observe(target, options)
      but i couldn’t handle it.
      Please help me to handle this.
      Thanks a lot

      posted in Framework
      usher
      usher
    • RE: How to internationalize quasar tags attrs?

      Thank you very much dear @Ivan-Koprda .
      It is working now.

      posted in Help
      usher
      usher
    • How to internationalize quasar tags attrs?

      Hi,
      I want to quasar tags attributes like helper in qfield change for each language.
      How can i handle this?
      I tested like:
      <q-field style=“direction: ltr!important”
      :count=“10”
      helper="{{$t(help)}}"
      :error=“error”
      error-label=“Some error”
      ></q-field >
      but it is not working.
      I’ll appreciate it.
      Thank you

      posted in Help
      usher
      usher