Skip to content

Feature Sticky Operations

teociaps edited this page Nov 27, 2025 · 2 revisions

Sticky Operations

Keep the operations panel visible while scrolling through API documentation.

Why Use It?

  • Faster Navigation - Access operation tags without scrolling back up
  • Better UX - Especially useful for large APIs with many endpoints
  • Always Visible - Know where you are in the documentation

Visual Example

sticky operations gif

Quick Start

Swashbuckle

using AspNetCore.Swagger.Themes;

app.UseSwaggerUI(Theme.Dark, options =>
{
    options.EnableStickyOperations();
});

NSwag

using AspNetCore.Swagger.Themes;

app.UseSwaggerUi(Theme.Dark, settings =>
{
    settings.EnableStickyOperations();
});

Customization

Adjust the sticky offset with CSS:

:root {
    --sticky-operations-top-offset: 80px; /* Adjust based on your topbar height */
}

Compatibility

Works with:

Next Steps


Back to Advanced Options

Clone this wiki locally