CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-better-scroll--mouse-wheel

A TypeScript plugin for BetterScroll that provides enhanced mouse wheel scrolling capabilities with configurable speed, direction, easing, and boundary damping on PC platforms.

Overall
score

98%

Overview
Eval results
Files

rubric.jsonevals/scenario-3/

{
  "context": "This evaluation assesses how effectively the engineer uses better-scroll's bounce and boundary handling capabilities. The focus is on proper configuration of elastic bounce behavior, per-edge control, boundary management, and resistance tuning.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "BScroll instantiation",
      "description": "Creates a BScroll instance using the constructor or factory pattern (e.g., `new BScroll(wrapper, options)`) with the wrapper element as the first argument",
      "max_score": 15
    },
    {
      "name": "Bounce configuration",
      "description": "Configures the `bounce` option to enable elastic boundary behavior. Should support both boolean (true/false for all edges) and object form ({ top, bottom, left, right }) for per-edge control",
      "max_score": 25
    },
    {
      "name": "Bounce timing",
      "description": "Uses the `bounceTime` option to control the duration of the bounce animation in milliseconds",
      "max_score": 15
    },
    {
      "name": "Boundary damping",
      "description": "Configures the `outOfBoundaryDampingFactor` option to control resistance when scrolling beyond boundaries. Lower values create more resistance",
      "max_score": 20
    },
    {
      "name": "Position reset",
      "description": "Calls the `resetPosition(time)` method to programmatically return scroll position to valid boundaries with optional animation duration",
      "max_score": 20
    },
    {
      "name": "Instance cleanup",
      "description": "Properly calls the `destroy()` method to clean up event listeners and resources when the scroll instance is no longer needed",
      "max_score": 5
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-better-scroll--mouse-wheel

tile.json