Git Product home page Git Product logo

Comments (4)

sixcious avatar sixcious commented on May 26, 2024 2

Hi again BoscoFZ!

As a one-time courtesy, I've gone ahead and added this website to the InfyScroll Database on your behalf:
http://wedata.net/items/86197

The strategy we can use here is to copy and compare the HTML of the button when it is both visible and hidden, using our browser's DevTools. When the button is hidden, the site adds a class called ng-hide, which we can use to filter out from our working path:

<button class="mdc-button mdc-button--raised button-load ng-binding ng-hide" ng-show="$ctrl.next != '' &amp;&amp; !$ctrl.busy" ng-click="$ctrl.nextPage('')">
  Xem ThΓͺm
</button>

So, in the case of your clickElement CSS Selector, you can add a :not(.ng-hide), like so:

button.mdc-button.mdc-button--raised.button-load.ng-binding:not(.ng-hide)

Also, for your pageElement CSS Selector, I would recommmend adding a > * to the end so the page divider is appended in the correct position. That would look like:

div.list.mdc-detail-list.down-folder > *
Important Note

There will always be a new page divider added at the end for an additional page at the bottom. This is due to the complexity of the app's workflow when the action is click and the append mode is element. It actually needs to be done in reverse order and it needs to prepend the divider before checking for and doing the click to avoid a race condition with the website. So, this is sort of intentional, but it might be something I might spend some time to prevent in a future version of Infy. If it bothers you, you can change the Append Mode to none and it won't append any dividers at all (for a cleaner look).

Let me know if this helps! πŸ’œ

from infy-scroll.

BoscoFZ avatar BoscoFZ commented on May 26, 2024 2

Hi sixcious,
I followed your suggestion and the infy scroll worked great. Thank you very much for your support.

from infy-scroll.

BoscoFZ avatar BoscoFZ commented on May 26, 2024 1

Thank you for your suggestion and I have edited my post above. Sorry for the inconvenience.

from infy-scroll.

sixcious avatar sixcious commented on May 26, 2024

Hi BoscoFZ!

I can try helping you with that website (as a one-time courtesy). However, this isn't really a feature request. Could you please go back and edit your post and add in all the required information from the Problem Report template as it is laid out so I can better assist you? Please do not create a new issue, just edit your post here (or add a new comment in this issue) and add in all the information from the Problem Report template I linked to.

Thank you! πŸ’œ

from infy-scroll.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.